如何添加动态jquery移动后退按钮?

时间:2012-11-22 06:51:08

标签: android jquery cordova jquery-mobile

由于jquery mobile back按钮在不同的页面中效果不佳,我试图添加动态后退按钮。这就是我做的事情

$("#page1").bind("pagecreate",function() {
if(page2 == 1){
            $('<div data-role="button" id="back"><a data-icon="arrow-l" href="pag2.html">Back</a></div>').prependTo("div:jqmData(role='header')");
            $("back").button();
        }else{
            $('<div data-role="button" id="back"><a data-icon="arrow-l"   href="default.html">Back</a></div>').prependTo("div:jqmData(role='header')");
            $("back").button();
        }
}

当按钮前置于标题时,它没有jquery移动按钮样式,它显示为普通链接,并将所有其他标题内容向下移动。任何帮助都将被清除。

2 个答案:

答案 0 :(得分:1)

您需要使用以下方法增强新标记:

触发器( “创建”)

查看this jQuery移动文档。

答案 1 :(得分:0)

向特定ID添加按钮的格式不是,

$("back").button();

应该是,

$("#back").button();

如果您正在使用课程,

$(".back").button();

请更新您的代码。希望这对你的情况有所帮助。