文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery移动设备在外部页面中动态添加数据角色

问jQuery移动设备在外部页面中动态添加数据角色
EN

Stack Overflow用户

提问于 2013-03-26 21:17:56

回答 1查看 1.4K关注 0票数 0

我有一个简单的索引页。

<head>
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.3.0.min.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $('a').attr("data-role", "button"); 
        $('a').attr("data-transition", "slide");    
    })
</script>
<script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>

</head>

<body>

    <div data-role="page">
        <a href="2.php">Go to next page</a>
    </div>

</body>

..and这是我的下一页

<head>
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.3.0.min.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $('a').attr("data-role", "button");
        $('a').attr("data-transition", "slide");
    })
</script>
<script type="text/javascript" src="jquery.mobile-1.3.0.min.js"></script>
</head>
<body>
    <div data-role="page">
        <a href="index.php">asd</a>
    </div>
</body>

当我点击‘下一页’链接时，JQM无法读取'data-role="button"‘。因此，下一页的链接看起来像是简单的链接。

那么，我如何才能允许它动态读取呢？

jquery

mobile

dynamic

external

回答 1

Stack Overflow用户

发布于 2013-03-26 22:57:57

为了告诉框架应该在某个元素中应用按钮的样式，您必须在任何选择器上调用按钮插件。

请注意，这段代码应该放在页面事件(pageshow、pagecreate、pageinit等)中。为了正常工作，您需要在每个div中放入一个id，其中data-role="page“是您的页面

在你的情况下应该是

$(document).on('pagebeforeshow', '#page_id',  function(){
   $('a').button();

   //would be better to put an id in your button
   $('#button_id').button();
});

查看api文档，了解在调用按钮插件后可以使用哪些方法。http://api.jquerymobile.com/button/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15638035

复制

相似问题

问jQuery移动设备在外部页面中动态添加数据角色
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery移动设备在外部页面中动态添加数据角色EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery移动设备在外部页面中动态添加数据角色
EN