Jquery Mobile隐藏和显示div不适用于移动设备

时间:2015-11-17 12:00:49

标签: jquery-mobile

我的屏幕上有一个页脚。

根据我需要隐藏或显示此页脚的条件。 我正在调用以下函数来完成这项工作。

这适用于浏览器(桌面),不适用于平板电脑。

这是page2.html

 $(document).on('click', '.pickitemshomesearch ', function(event)
  {
    var calledfrom = 'searchpage';
    $(":mobile-pagecontainer").pagecontainer("change", "index.html?UUID=" + UUID + '&screen_id=' + screen_id + '&cust_id=' + cust_id + '&minimum_order=' + minimum_order + '&addreslabel=' + addreslabel + '&accessedfrom=' + accessedfrom + '&tablenum=' + tablenum + '&redirectedfrom=' + redirectedfrom + '&seatnum=' + seatnum + '&row=' + row + '&calledfrom=' + calledfrom,
    {
        allowSamePageTransition: true,
        reload: true,
        transition: "none"
    });
    event.stopImmediatePropagation();
    event.preventDefault();
    return false;
  });

这是第1页

    $(document).one('pagebeforeshow', '#customerpage', function(event)
 {
    $.mobile.defaultPageTransition = 'none';
    var calledfrom = '';
    sessionlogic('generic');
 }); // ready ends 
 function sessionlogic()
 {
    displaylogicforfooter();
 }

 function displaylogicforfooter()
 {
    var myorders_quantityvalue = parseInt($(".myOrderPanel_footer .myorders").data('myorders'));
    if (myorders_quantityvalue >= 1)
    {
        $('.myOrderPanel_footer').show();
    }
    else
    {
        $('.myOrderPanel_footer').hide();
    }
    return false;
 }

你能告诉我如何解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

最常见的问题是在safari中移动data()方法不起作用,或者几乎无法正常工作。请改用dataset(),然后才有效。我曾经多次在iPad上遇到这个问题,我决定:

$(".myOrderPanel_footer .myorders").dataset.myorders;

答案 1 :(得分:0)

http://jsbin.com/wiqeba/edit?html,js,console,output

变量myorders_quantityvalue为我提供0甚至是桌面,我认为这是问题