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>

..这是我的下一页

<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 无法读取“数据角色=“按钮”。因此，下一页上的链接看起来像简单的链接。

那么，我怎样才能让它动态读取呢？

4

1 回答 1

0

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

请注意，此代码应放置在页面事件（pageshow、pagecreate、pageinit 等）中。为了工作，您需要在每个带有 data-role="page" 的 div 中放置一个 id，这是您的页面

在你的情况下应该是

$(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/

于 2013-03-26T14:57:56.830 回答