如何解决ipad air上的javascript点击问题

如何解决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

我的网站上有一个包含以下html的菜单:

<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'>&#x25BC;&nbsp;&nbsp;<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("&#x25BC;&nbsp;&nbsp;","");//alert(value);
        //value = value.replace("▼;&nbsp;&nbsp;","");   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("&#x25BC;&nbsp;&nbsp;","");//alert(temp1[1]);
                }   
                temp[1] = temp[1].replace("▼&nbsp;&nbsp;","");
                //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 = '&#x25BC;&nbsp;&nbsp;'+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;
}
//要在页面上显示遮罩,这将预