jQuery Mobile在外部頁面動態添加數據角色

我有一個簡單的索引頁面。jQuery Mobile在外部頁面動態添加數據角色

<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無法讀取「數據角色=‘按鈕’」。因此，在下一頁上鍊接，看起來像簡單的鏈接。

那麼，我該如何讓它動態讀取？

來源

2013-03-26 Hallelujah

爲什麼你不使用按鈕內的數據屬性？ – 2013-03-26 13:49:20

我正在使用CMS。我無法添加數據角色屬性。我必須動態插入 – Hallelujah 2013-03-26 14:14:29

爲了告訴框架應該在特定元素中應用按鈕的樣式，您必須調用任何選擇器上的按鈕插件。

請注意，此代碼應放置在頁面事件（pageshow，pagecreate，pageinit等）中。爲了工作，你需要把一個ID在每個數據作用的div =「頁」，這是你的網頁

在你的情況應該是

$(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-26 14:57:56

它只適用於單個頁面。但是當我點擊按鈕時，我在下一頁上遇到同樣的問題。 – Hallelujah 2013-03-26 15:09:45

使用頁面事件在需要時調用按鈕插件。看看我剛剛更新的答案。如果您不瞭解頁面事件，請查看http://jquerymobile.com/demos/1.2.0/docs/api/events.html – 2013-03-26 17:03:25

我嘗試過使用頁面事件。但我不能。也許你可以告訴我必須寫在我的腳本中。 – Hallelujah 2013-03-26 19:45:56

jQuery Mobile在外部頁面動態添加數據角色

回答

相關問題