Javascript在Safari浏览器中不起作用。 [英] Javascript is not working in safari browser.

问题描述

我有网站GroceriesToGoAruba.com这个网站在IE，Chrome，Firefox中运行良好但在safari浏览器中效果不佳。我在此页面上有一页picktime.aspx显示交货日期以选择下订单的交货日期。但是当我使用safari浏览器时，有时会在这个页面上显示发送日期。

以下是我的代码

picktime.aspx

i have website GroceriesToGoAruba.com this site is working well in IE,Chrome,Firefox but not working well in safari browser. I have one page picktime.aspx on this page delivery dates are displayed to select delivery date for placed an order. but sometimes delivery dates are not displaying on this page when i use safari browser.
below is my code
picktime.aspx

<pre><%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Picktime.aspx.cs" Inherits="NewFoodStore2Go.Picktime" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script src="Scripts/UserInterface/PickTime.js" type="text/javascript"></script>

    <style type="text/css">
        .PicktimePadding2 {
            padding-left: 100px;
        }

        @media (max-width:480px) {
            .PicktimePadding2 {
                padding-left: 10px;
            }
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="center">
                <table cellpadding="0" cellspacing="0" border="0" width="80%" style="padding-left: 10px;">
                    <tr>
                        <td height="20px"></td>
                    </tr>
                    <tr>
                        <td align="left" class="formHeading">
                            <h3>Pick Your Delivery Time</h3>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td>
                            <div style="float: left;">
                                <img src="images/checkout_2.gif" alt="confirm delivery address" width="135" height="37"
                                    border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_1c.gif" alt="pick a delivery time" width="122" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_3b.gif" alt="tip the delivery driver" width="131" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_4b.gif" alt="payment method" width="109" height="37" border="0" />
                            </div>
                            <div style="float: left;">
                                <img src="images/checkout_5b.gif" alt="complete order" width="103" height="37" border="0" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td height="20px"></td>
                    </tr>
                    <tr>
                        <td class="formTextUSer">Please choose a delivery time below from the next upcoming delivery dates:
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td class="PicktimePadding2">
                            <asp:Label ID="lblMsg" runat="server" CssClass="ErrorTxt1" Visible="false"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"></td>
                    </tr>
                    <tr>
                        <td class="PicktimePadding2" valign="top" align="center">
                            <div id="pnlDeldate">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="formTextUSer" align="center">Or, choose from another future delivery date:
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table cellspacing="0" border="0" class="formTextUSer">
                                <tr>
                                    <td>Date:
                                    </td>
                                    <td>
                                        <div id="jqxdateselect"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="10px"> 
                                    </td>
                                </tr>

                                <tr id="divtime" style="display: none">
                                    <div>
                                        <td>Time:
                                        </td>
                                        <td>
                                            <div id="jqxTimeSelect">
                                                <select class="DropDownBox">
                                                    <option value="select"></option>
                                                </select>
                                            </div>
                                        </td>
                                    </div>
                                </tr>

                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td height="10px"> 
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 20%;">
                            <input type="button" id="btnChoose" value="Choose Date/Time" class="buttonUser" onclick="SelectedandSubmit()" />
                        </td>
                    </tr>
                    <tr>
                        <td height="65px"> 
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <script type="text/javascript">

        $(document).ready(function () {
            CheckCookie();
            CheckSession(DisplayZipCodes);
            CheckSession(LoadAllDates);
        });
    </script>
</asp:Content>

这是我的js代码

函数CreateList（timedata）{

var picktimetable ='

this is my js code
function CreateList(timedata) {
var picktimetable = '

';



if（timedata.length> 0）{

var date = new Date（timedata [0] [Date]）;

var test = timedata [0] [Date];

var test2 = test.split（/ [^ 0-9] /）;

var date2 = new Date（test2 [0]，test2 [1] - 1，test2 [2]）;

picktimetable + ='';

picktimetable + ='

'; picktimetable + =''+ DayOfWeek [date2.getDay（）] +'，'+ month [date2.getM onth（）] +''+ date2.getDate（）+'，'+ date2.getFullYear（）; picktimetable + ='

'; for（var i = 0;我< timedata.length; i ++）{ picktimetable + =''; } picktimetable + =' '; picktimetable + =''+ timedata [i] [Time] +''; picktimetable + ='

';

}



picktimetable + ='

';

if (timedata.length > 0) {
var date = new Date(timedata[0]["Date"]);
var test = timedata[0]["Date"];
var test2 = test.split(/[^0-9]/);
var date2 = new Date(test2[0], test2[1] - 1, test2[2]);
picktimetable += '';
picktimetable += '

'; picktimetable += '' + DayOfWeek[date2.getDay()] + ', ' + month[date2.getMonth()] + ' ' + date2.getDate() + ', ' + date2.getFullYear(); picktimetable += '

'; for (var i = 0; i < timedata.length; i++) { picktimetable += ''; } picktimetable += ' '; picktimetable += '' + timedata[i]["Time"] + ''; picktimetable += '

';
}

picktimetable += '

';

DisplayAllList（picktimetable）;

}

函数LoadAllDates（）{

ServiceCall（'Get'，'PickTime / GetDeliveryDates /？locationid ='+ getQuery（'Loc'）+'& userid ='+ userId +'& recordcount = 0'，null，onSuccess）;

函数onSuccess（数据）{

if（data）{

var select = $（''）;

select.attr（'class'，'DropDownBox'）;

select.attr（'id'，'drpfuturedate'）;

select.attr（'onclick'， TimeForSelectedDate （）'）;

select.attr（'onchange'，'TimeForSelectedDate（）'）;



var option1 = $（' '）;

option1.attr（'value'，0）;

option1.append（选择）;

选择.append（option1）;



for（数据中的var键）{

var option = $（''）;

option.attr（'value'，data [key] [DeliveryDateID]）;

var dt = new Date（data [key] [Date]）; < br $> b $ b

test = data [key] [Date];

test1 = test.split（/ [^ 0-9] /） ;

test2 =新日期（test1 [0]，test1 [1] - 1，test1 [2]）;

//option.append(month[dt。 getMonth（）] +''+ dt.getDate（）+'，'+ dt.getFullYear（））;

option.append（month [test2.getMonth（）] +''+ test2 .getDate（）+'，'+ test2.getFullYear（））;
select.append（选项）;

}

$（'＃jqxdateselect'）。append（select）;

}

}

}



//原始代码

功能TimeForSelectedDate（）{

var LocationId = getQuery（'Loc'）;

dateID = $（'＃drpfuturedate option：selected'）。val（）;



ServiceCall（'Get'，'PickTime / GetTimeOnDeliveryDate /？locationid ='+ LocationId +'& deliverydateid ='+ dateID，null，onSuccess）;

函数onSuccess（数据）{

$（'＃divtime'）。show（）;

if（data）{

var select = $（''）;

select.attr（'class'，'DropDownBox'）;

select.attr（'id'，'drpfuturetime'） ;



var option1 = $（''）;

option1.attr（'value'，0）;

option1.append（Select）;

select.append（option1）;



for（var key in data）{

var option = $（''）;

option.attr（'value'，data [key] [DeliverytimeID]）;

option.append（data [key] [Time]）;

select.append（option）;

}

$（' #jqxTimeSelect'）。html（select）;

}

}

}

function SelectedandSubmit（）{

var value = $（'input [name = timeselection]：radio：checked'）。val（）;

var deliverydate;

var deliverytime;

if（value == undefined）{

var drpdatevalue = $（'＃drpfuturedate option：selected'）。val（）;

var drptimevalue = $（'＃drpfuturetime option：selected'）。val（）;

if（drpdatevalue == 0）{

MessageBox（'请填写字段* Mark'，'请选择交货日期和时间'，170,400）;

返回;

}

如果（drptimevalue == 0）{

MessageBox（'请填写字段带*标记'，'请选择交货时间'，170,400）;

返回;

}

deliverydate = $（'＃drpfuturedate选项：选中'）。text（）;

deliverytime = $（'＃drpfuturetime选项：已选中'）。text（）;

}

else {

var datetime = $（'input [name = timeselection]：radio：checked '）.val（）。split（'，'）;

deliverydate = datetime [0];

deliverytime = datetime [1];

}



// ---创建PickTime Cookie

var dataString ='|| deliverydate ='+ deliverydate +'|| deliverytime ='+ deliverytime;

createCookie（'PickTime'，dataString.subs tring（2），30）;

window.location ='tipping.aspx';

}

这是我的母版页代码

％@ Master语言=C＃AutoEventWireup =trueCodeBehind =Site.Master.csInherits =NewFoodStore2Go.SiteMaster％>



<！DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">

< meta charset =utf-8/>

< meta http-equiv =X-UA-Compatiblecontent =IE = edge />

< meta name =viewportcontent =width = device-width，initial-scale = 1/>

< meta name = viewportcontent =width = device-width，initial-scale = 1，maximum-scale = 1，user-scalable = no/>

< meta http-equiv =Content -Typecontent =text / html; charset = UTF-8/>

< meta name =viewportcontent =width = device-width/>

< meta name = 关键词content =groceriestogo aruba，杂货去阿鲁巴，网上杂货阿鲁巴，阿鲁巴在线杂货店送货，阿鲁巴杂货店送货，杂货店送货阿鲁巴，杂货阿鲁巴，杂货购物阿鲁巴，阿鲁巴杂货店，阿鲁巴杂货店，网上杂货店送货阿鲁巴，杂货在线，杂货去，groubaies去阿鲁巴，阿鲁巴交付，在线杂货店送货，在线杂货店送货阿鲁巴，度假村礼宾阿鲁巴，阿鲁巴礼宾，阿鲁巴美食去，在线预订杂货，预订杂货在线阿鲁巴，订购杂货在线阿鲁巴，在线杂货店购物和交付，在线杂货店购物和交付阿鲁巴，订购杂货在线交付，订购杂货在线交付阿鲁巴，杂货在线交付，杂货在线交付阿鲁巴，杂货店在线交付，杂货店在线交付阿鲁巴，杂货店在线送货上门，杂货店在线送货上门y aruba，在线订购杂货，在线订购杂货aruba，杂货店在线酒店送货，杂货店在线分时度假，分时送货阿鲁巴，酒店送货阿鲁巴，网上杂货店购物，网上杂货店购物aruba>

< meta name =descriptioncontent =GroceriesToGo Aruba。在线订购，让我们随时随地直接向您发送杂货和旅行必需品！>

<！ - 以上3个元标签*必须*首先出现在头部;任何其他头部内容必须来* *这些标签 - >

< title> GroceriesToGo Aruba

<！ - Bootstrap - >

<！ - HTML5 shim和Respond.js用于支持HTML5元素和媒体查询的IE8 - >

<！ - 警告：如果如果，则Respond.js不起作用您通过file：// - >

<！ - [if lt IE 9]>

<！[endif]查看页面 - >

<！ - jQuery（Bootstrap的JavaScript插件必备） - >

<！---->

<！ - 包括所有已编译的插件（下方），或根据需要包含单个文件 - >



我尝试过：



我试过调试代码但是在本地机器上它没有给出任何错误。

';
DisplayAllList(picktimetable);
}
function LoadAllDates() {
ServiceCall('Get', 'PickTime/GetDeliveryDates/?locationid=' + getQuery('Loc') + '&userid=' + userId + '&recordcount=0', null, onSuccess);
function onSuccess(data) {
if (data) {
var select = $('');
select.attr('class', 'DropDownBox');
select.attr('id', 'drpfuturedate');
select.attr('onclick', 'TimeForSelectedDate()');
select.attr('onchange', 'TimeForSelectedDate()');

var option1 = $('');
option1.attr('value', "0");
option1.append("Select ");
select.append(option1);

for (var key in data) {
var option = $('');
option.attr('value', data[key]["DeliveryDateID"]);
var dt = new Date(data[key]["Date"]);

test = data[key]["Date"];
test1 = test.split(/[^0-9]/);
test2 = new Date(test1[0], test1[1] - 1, test1[2]);
//option.append(month[dt.getMonth()] + ' ' + dt.getDate() + ', ' + dt.getFullYear());
option.append(month[test2.getMonth()] + ' ' + test2.getDate() + ', ' + test2.getFullYear());
select.append(option);
}
$('#jqxdateselect').append(select);
}
}
}

//Original code
function TimeForSelectedDate() {
var LocationId = getQuery('Loc');
dateID = $('#drpfuturedate option:selected').val();

ServiceCall('Get', 'PickTime/GetTimeOnDeliveryDate/?locationid=' + LocationId + '&deliverydateid=' + dateID, null, onSuccess);
function onSuccess(data) {
$('#divtime').show();
if (data) {
var select = $('');
select.attr('class', 'DropDownBox');
select.attr('id', 'drpfuturetime');

var option1 = $('');
option1.attr('value', "0");
option1.append("Select ");
select.append(option1);

for (var key in data) {
var option = $('');
option.attr('value', data[key]["DeliverytimeID"]);
option.append(data[key]["Time"]);
select.append(option);
}
$('#jqxTimeSelect').html(select);
}
}
}
function SelectedandSubmit() {
var value = $('input[name=timeselection]:radio:checked').val();
var deliverydate;
var deliverytime;
if (value == undefined) {
var drpdatevalue = $('#drpfuturedate option:selected').val();
var drptimevalue = $('#drpfuturetime option:selected').val();
if (drpdatevalue == 0) {
MessageBox('Please Fill Fields With * Mark', 'Please Select Delivery Date and Time', 170, 400);
return;
}
if (drptimevalue == 0) {
MessageBox('Please Fill Fields With * Mark', 'Please Select Delivery Time', 170, 400);
return;
}
deliverydate = $('#drpfuturedate option:selected').text();
deliverytime = $('#drpfuturetime option:selected').text();
}
else {
var datetime = $('input[name=timeselection]:radio:checked').val().split(',');
deliverydate = datetime[0];
deliverytime = datetime[1];
}

// ---Create PickTime Cookie
var dataString = '||deliverydate=' + deliverydate + '||deliverytime=' + deliverytime;
createCookie('PickTime', dataString.substring(2), 30);
window.location = 'tipping.aspx';
}
this my master page code
%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.Master.cs" Inherits="NewFoodStore2Go.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="keywords" content="groceriestogo aruba, groceries to go aruba, online grocery aruba, Aruba online grocery delivery, Aruba grocery delivery, Grocery delivery aruba, groceries aruba, grocery shopping aruba, Aruba grocery, aruba groceries,online grocery delivery aruba, groceries online,groceries to go,groveries to go aruba,aruba delivery,online grocery delivery,online grocery delivery aruba,resort concierge aruba,aruba concierge,aruba food to go,pre-order groceries online,pre-order groceries online aruba,order groceries online aruba,online grocery shopping and delivery,online grocery shopping and delivery aruba,order groceries online delivery,order groceries online delivery aruba,groceries online delivery,groceries online delivery aruba,grocery shop online delivery,grocery shop online delivery aruba,grocery shop online home delivery,grocery shop online home delivery aruba,order groceries online for delivery,order groceries online for delivery aruba,grocery shop online hotel delivery,grocery shop online timeshare delivery,timeshare delivery aruba,hotel delivery aruba,online grocery shopping,online grocery shopping aruba">
<meta name="description" content="GroceriesToGo Aruba. Order online and let us deliver groceries and travel essentials directly to you, wherever, whenever!">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>GroceriesToGo Aruba
<!-- Bootstrap -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!---->
<!-- Include all compiled plugins (below), or include individual files as needed -->

What I have tried:

I have tried debugging the code but in local machine its not giving any error.

推荐答案

（ document ）。ready（ function （）{
CheckCookie（）;
CheckSession（DisplayZipCodes）;
CheckSession（LoadAllDates）;
}）;
< / script>
< / asp：内容 >

(document).ready(function () { CheckCookie(); CheckSession(DisplayZipCodes); CheckSession(LoadAllDates); }); </script> </asp:Content>

这是我的js代码

函数CreateList（timedata）{

var picktimetable ='

this is my js code
function CreateList(timedata) {
var picktimetable = '

';



if（timedata.length> 0）{

var date = new Date（timedata [0] [Date]）;

var test = timedata [0] [Date];

var test2 = test.split（/ [^ 0-9] /）;

var date2 = new Date（test2 [0]，test2 [1] - 1，test2 [2]）;

picktimetable + ='';

picktimetable + ='

'; picktimetable + =''+ DayOfWeek [date2.getDay（）] +'，'+ month [date2.getM onth（）] +''+ date2.getDate（）+'，'+ date2.getFullYear（）; picktimetable + ='

'; for（var i = 0;我< timedata.length; i++) { picktimetable += ’’; } picktimetable += ’ ’; picktimetable += ’’ + timedata[i][\"Time\"] + ’’; picktimetable += ’

’;

}



picktimetable += ’

';

if (timedata.length > 0) {
var date = new Date(timedata[0]["Date"]);
var test = timedata[0]["Date"];
var test2 = test.split(/[^0-9]/);
var date2 = new Date(test2[0], test2[1] - 1, test2[2]);
picktimetable += '';
picktimetable += '

'; picktimetable += '' + DayOfWeek[date2.getDay()] + ', ' + month[date2.getMonth()] + ' ' + date2.getDate() + ', ' + date2.getFullYear(); picktimetable += '

'; for (var i = 0; i < timedata.length; i++) { picktimetable += ''; } picktimetable += ' '; picktimetable += '' + timedata[i]["Time"] + ''; picktimetable += '

';
}

picktimetable += '

’;

DisplayAllList(picktimetable);

}

function LoadAllDates() {

ServiceCall(’Get’, ’PickTime/GetDeliveryDates/?locationid=’ + getQuery(’Loc’) + ’&userid=’ + userId + ’&recordcount=0’, null, onSuccess);

function onSuccess(data) {

if (data) {

var select =

';
DisplayAllList(picktimetable);
}
function LoadAllDates() {
ServiceCall('Get', 'PickTime/GetDeliveryDates/?locationid=' + getQuery('Loc') + '&userid=' + userId + '&recordcount=0', null, onSuccess);
function onSuccess(data) {
if (data) {
var select =

(’’);

select.attr(’class’, ’DropDownBox’);

select.attr(’id’, ’drpfuturedate’);

select.attr(’onclic k’, ’TimeForSelectedDate()’);

\t\t\tselect.attr(’onchange’, ’TimeForSelectedDate()’);



var option1 =

('');
select.attr('class', 'DropDownBox');
select.attr('id', 'drpfuturedate');
select.attr('onclick', 'TimeForSelectedDate()');
select.attr('onchange', 'TimeForSelectedDate()');

var option1 =

(’’);

option1.attr(’value’, \"0\");

option1.append(\"Select \");

select.append(option1);



for (var key in data) {

var option =

('');
option1.attr('value', "0");
option1.append("Select ");
select.append(option1);

for (var key in data) {
var option =

这篇关于Javascript在Safari浏览器中不起作用。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！