如何解决ipad air上的javascript点击问题
我的网站上有一个包含以下html的菜单:如何解决ipad air上的javascript点击问题,javascript,jquery,ios,ipad,air,Javascript,Jquery,Ios,Ipad,Air,我的网站上有一个包含以下html的菜单: <div class="final_dates_container"> <table border="0" class="skormix_date_table"> <tr> <td> <ul id="dates_list" class="final_date
<div class="final_dates_container">
<table border="0" class="skormix_date_table">
<tr>
<td>
<ul id="dates_list" class="final_dates_list">
<li class='skormix_dates' id='current'>▼ <script>document.write(now);</script></li>
<li class='skormix_dates' id='-6' style='display:none'><script>document.write(prev5);</script></li>
<li class='skormix_dates' id='-5' style='display:none'><script>document.write(prev4);</script></li>
<li class='skormix_dates' id='-4' style='display:none'><script>document.write(prev3);</script></li>
<li class='skormix_dates' id='-3' style='display:none'><script>document.write(prev2);</script></li>
<li class='skormix_dates' id='-2' style='display:none'><script>document.write(prev1);</script></li>
<li class='skormix_dates' id='-1' style='display:none'><script>document.write(prev0);</script></li>
<li class='skormix_dates' id='0' style='display:none'><script>document.write(now);</script></li>
<li class='skormix_dates' id='1' style='display:none'><script>document.write(next0);</script></li>
<li class='skormix_dates' id='2' style='display:none'><script>document.write(next1);</script></li>
<li class='skormix_dates' id='3' style='display:none'><script>document.write(next2);</script></li>
<li class='skormix_dates' id='4' style='display:none'><script>document.write(next3);</script></li>
<li class='skormix_dates' id='5' style='display:none'><script>document.write(next4);</script></li>
<li class='skormix_dates' id='6' style='display:none'><script>document.write(next5);</script></li>
</ul>
</td>
</tr>
</table>
</div>
- &x25BC;文件。写(现在)李>
它在网站上运行良好,但在我的ipad上根本不起作用。当我点击菜单时,什么也没发生。
我想知道是什么问题。我应该为ipad做些什么或添加一些特别的东西吗?
javascript是否与平板电脑存在兼容性问题。
这是js代码:
//this part is to handle the list of dates choosing and get data of a date
$(document).ready(function(){
$('.final_dates_list li').live('click',function(){
id = $(this).attr("id");//alert(id);
value = $(this).html();//alert(value);
value = value.replace("▼ ","");//alert(value);
//value = value.replace("▼; ",""); alert(value);
temp = value.split("</script>");//alert(temp[1]);
if(typeof temp[1] == 'undefined')
{
temp[1] = value;
}
//alert(temp[1]);
if(id == 'current')
{
$("#dates_list").find("li").each(function(){
//alert($(this).attr("id"));
value1 = $(this).html();//alert(value1);
temp1 = value1.split("</script>");
//alert(temp[1]);
//alert(temp1[1]);
if(typeof temp1[1] == 'undefined')
{//alert('1');alert(value1);alert(temp1[1]);
//temp1[1] = value1.replace("▼ ","");//alert(temp1[1]);
}
temp[1] = temp[1].replace("▼ ","");
//alert(temp[1]);alert(temp1[1]);
if(String(temp[1]) == String(temp1[1]) )
{//alert('yes');
$(this).css({"background-color":"#00cc00"});
}
else
{ //alert('no');
$(this).css({"background-color":"#2c2c2c"});
}
//$(this).show();
if(Number(sessionStorage.dates_list_status) == 0)
{
$(this).slideDown('slow');
}
else if(Number(sessionStorage.dates_list_status) == 1)
{
$(this).slideUp('slow');
}
});
$(this).css({"background-color":"#00cc00"});
$("#dates_list").find("#current").slideDown('slow');
if(Number(sessionStorage.dates_list_status) == 0)
{
sessionStorage.dates_list_status = Number(sessionStorage.dates_list_status) +1 ;
}
else
{
sessionStorage.dates_list_status = Number(sessionStorage.dates_list_status) -1 ;
}
}
else
{
if(id == '-6')
{
$(".final_dates_container").find("#left_button").hide();
$(".final_dates_container").find("#left_button_mask").show();
$(".final_dates_container").find("#right_button").show();
}
else if(id == '6')
{
$(".final_dates_container").find("#right_button").hide();
$(".final_dates_container").find("#left_button").show();
$(".final_dates_container").find("#left_button_mask").hide();
}
else if(id == '0')
{
$(".final_dates_container").find("#left_button").show();
$(".final_dates_container").find("#left_button_mask").hide();
$(".final_dates_container").find("#right_button").show();
}
else
{
$(".final_dates_container").find("#left_button").show();
$(".final_dates_container").find("#left_button_mask").hide();
$(".final_dates_container").find("#right_button").show();
}
if(Number(sessionStorage.dates_list_status) == 0)
{
sessionStorage.dates_list_status = Number(sessionStorage.dates_list_status) +1 ;
}
else
{
sessionStorage.dates_list_status = Number(sessionStorage.dates_list_status) -1 ;
}
//to show a mask over the page this will prevent the dates buttons from being pressed until the data is loaded
mask_width = $(document).find('.body_table').css('width');
mask_height = $(document).height();
get = $(document).find('.mask');
$(get).show();
$(get).css({"height":mask_height,"width": mask_width});
this_id = $(this).attr("id");
value = $(this).html();
temp = value.split("</script>");
temp_temp = '▼ '+temp[1];
$("#current").html(temp_temp);
sessionStorage.skormix_date = this_id;
$("#dates_list").find("li").each(function(){
//alert($(this).attr("id"));
//$(this).hide();
$(this).slideUp('slow');
});
$("#dates_list").find("#current").slideDown('slow');
}
});
});
//此部分用于处理日期选择列表并获取日期数据
$(文档).ready(函数(){
$('.final_dates_list li').live('单击',函数()){
id=$(this.attr(“id”);//警报(id);
value=$(this.html();//警报(value);
值=值。替换(▼;“,”);//警报(值);
//值=值。替换(“▼; ",""); 警报(值);
temp=value.split(“”;//警报(temp[1]);
if(温度[1]的类型==‘未定义’)
{
温度[1]=数值;
}
//警报(临时[1]);
如果(id=‘当前’)
{
$(“#日期列表”)。查找(“li”)。每个(函数(){
//警报($(this.attr(“id”));
value1=$(this.html();//警报(value1);
temp1=值1。拆分(“”);
//警报(临时[1]);
//警报(temp1[1]);
if(temp1[1]==‘未定义’)
{//alert('1');alert(value1);alert(temp1[1]);
//temp1[1]=值1.替换(▼;“,”);//警报(temp1[1]);
}
临时[1]=临时[1]。替换(“▼ ","");
//警报(临时[1]);警报(临时[1]);
if(String(temp[1])==String(temp1[1]))
{//alert('yes');
$(this.css({“背景色”:“#00cc00”});
}
其他的
{//alert('no');
$(this.css({“背景色”:“#2c2c”});
}
//$(this.show();
if(编号(会话存储.日期\u列表\u状态)==0)
{
$(this.slideDown('slow');
}
else if(编号(会话存储日期列表状态)==1)
{
$(this.slideUp('slow');
}
});
$(this.css({“背景色”:“#00cc00”});
$(“#日期列表”).find(#current”).slideDown('slow');
if(编号(会话存储.日期\u列表\u状态)==0)
{
sessionStorage.dates_list_status=编号(sessionStorage.dates_list_status)+1;
}
其他的
{
sessionStorage.dates\u list\u status=编号(sessionStorage.dates\u list\u status)-1;
}
}
其他的
{
如果(id='-6')
{
$(“.final_dates_container”).find(“#left_按钮”).hide();
$(“.final_dates_container”).find(“#left_button_mask”).show();
$(“.final_dates_container”).find(“#right_button”).show();
}
else if(id='6')
{
$(“.final_dates_container”).find(“#right_按钮”).hide();
$(“.final_dates_container”).find(“#left_按钮”).show();
$(“.final_dates_container”).find(“#left_button_mask”).hide();
}
如果(id='0',则为else)
{
$(“.final_dates_container”).find(“#left_按钮”).show();
$(“.final_dates_container”).find(“#left_button_mask”).hide();
$(“.final_dates_container”).find(“#right_button”).show();
}
其他的
{
$(“.final_dates_container”).find(“#left_按钮”).show();
$(“.final_dates_container”).find(“#left_button_mask”).hide();
$(“.final_dates_container”).find(“#right_button”).show();
}
if(编号(会话存储.日期\u列表\u状态)==0)
{
sessionStorage.dates_list_status=编号(sessionStorage.dates_list_status)+1;
}
其他的
{
sessionStorage.dates\u list\u status=编号(sessionStorage.dates\u list\u status)-1;
}
//要在页面上显示遮罩,这将预