2012-05-14 53 views
0

我要添加或從窗口大小調整錨標記刪除jquerymobile屬性data-role="button"意思是這樣的:jquerymobile attibute數據角色=「按鈕」沒有工作

<a href=".." class="mobilebutton">Hello</a> 

    if(windowsize < 700) 
    $(".mobilebutton").attr("data-role", "button"); 
    else 
    $(".mobilebutton").removeAttr("data-role"); 

但它不工作可能是因爲頁面是已經創建如此添加data-role屬性不起作用,因爲jquerymobile.js不知道我們添加的這個屬性。 任何人都可以告訴我這個解決方法嗎?

+0

這是一個類似的問題http://stackoverflow.com/q/10578545/1226698。我舉了一個應該幫助你的例子。 – codaniel

回答

0

您可以在pagecreate事件中調用您的邏輯,該事件將在jQueryMobile增強標記之前觸發。

+0

感謝您的回答,但我已經在問題中提到「該頁面已經創建」,我們只是調整窗口大小 – gaurav

0

當頁面已經創建(所以標記增強)時,您無法通過刪除屬性來恢復增強。

的按鈕標記:

<a id="myButton" href="index.html" data-role="button">Link button</a> 

看起來像這樣增強後:

<a id="myButton" href="index.html" data-role="button" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c"> 
    <span class="ui-btn-inner ui-btn-corner-all"> 
     <span class="ui-btn-text">Link button</span> 
    </span> 
</a> 

所以一個辦法擺脫增強標記的是與預增強標記來取代它手動:

$("#myButton").replaceWith('<a id="myButton" href="index.html">Link button</a>');