Jquery移动导航问题

时间:2012-06-18 08:51:47

标签: jquery jquery-mobile navigation

我在jquery移动应用程序中使用simpledialog。在正常浏览器宽度下运行时,它工作正常。 但是当我减小屏幕宽度小于250px(apprx。)(屏幕宽度匹配移动设备)时,URL开始附加#& ui-state = dialog与当前URL。问题还在于重定向。我的一个按钮链接到其他页面。当我点击该按钮时,它会重定向到指定的页面并返回当前页面。但如果我再次这样做,那就不会有任何问题。任何人都可以帮我解决这个问题吗?

我的简单对话框代码如下:

$('#create_invoice').append('<div id="temp_div_popup" style="width:80px;position:absolute;top:0px;left:0px;"></div>');
$('#temp_div_popup').simpledialog({
    'buttons':{
        'Edit':{
            click:function () {
                operation = 'edit_exist';
                if (type == 'item') {
                    $.mobile.changePage('add_item.html',{
                        transition : 'none',
                        allowSamePageTransition : true
                    });
                }
                else if (type == 'task') {
                    $.mobile.changePage('add_task.html',{
                        transition : 'none',
                        allowSamePageTransition : true
                    });
                }
                $('#temp_div_popup').remove();
            }
        },
        'Delete':{
            click:function () {
                deleteItemOrTask(type);
                $('#temp_div_popup').remove();
            }
        },

        'Cancel':{
            click:function () {
                $('#temp_div_popup').remove();
            },
            icon:"delete",
            theme:"c"
        }
    },
    'height' :function(){
        return '55px;'
    },
    'width' : function(){
        return '140px';
    }
});

1 个答案:

答案 0 :(得分:1)

这个问题通常只出现在较小的视图中,就像手机一样。可以通过将浏览器调整为较小的窗口来进行模拟。我通过删除此插件并添加自己的自定义对话框窗口解决了这个问题。 :)