JQM（jQueryMobile）動態刪除元素

這是this question第2部分（好吧，也許部分3）JQM（jQueryMobile）動態刪除元素

這裏是一個工作示例：http://jsfiddle.net/UcrD8/63/ 這裏是一個較早的嘗試，你可以看到這個作品，選擇第一時選項：http://jsfiddle.net/UcrD8/4/ 但使用JQM它使用此作爲選項的標籤，這是不可選

增加一個新的選擇選項工作的功能，但如果我想刪除一個選擇的選項，這是行不通的。

UPDATE：

我也注意到，選擇元素被刪除，但JQM的補充語法仍然顯示：

<div class="ui-select"> 
    <div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-c ui-btn-up-c"> 
     <span class="ui-btn-inner ui-btn-corner-all"> 
      <span class="ui-btn-text">Remove Selected Option</span> 
      <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"> 
      </span> 
     </span> 
    </div> 
</div>

需要刪除這個問題，以及

來源

2011-03-22 Phill Pafford

好，因爲JQM已更新幾次，我能得到這個工作

http://jsfiddle.net/6fFLb/7/

來源

2011-11-16 21:05:31

在這個回答你的迴應，你是不是刪除的選擇選項。我正在尋找確切的功能，但在jQM上還沒有成功。 – 2012-03-17 13:45:29

我見過很多動態件的問題。例如，如果我在通過$ .mobile.changePage（）加載頁面後創建了頁面元素，它們應該是jquery-mobilied-ified（數據角色和所有這些），它們不會變成jquery-移動化，並沒有「解析我的網頁，jquery」方法可以在任何地方找到。我記錄一個錯誤這樣與jQuery Mobile的球隊，但是當他們去接近它，我們會看到。可能只是自己做。

來源

2011-03-23 18:02:45

更新問題 – 2011-04-20 23:28:29

存在的一個功能，它被稱爲'。第' - http://jquerymobiledictionary.dyndns.org/faq.html – naugtur 2011-04-23 15:39:45

也許這是最近加入？當我在一個月前使用它時，它並不在那裏，而且自那時以來已經發布了一個新版本。我不認爲我看到它在更改日誌中提到。我記錄的錯誤被認爲是一個嚴重的錯誤，所以我無法想象我只是錯過了一些東西。 – 2011-04-26 23:23:21

當我必須刪除/隱藏的項目I典型地包裝在一個div的項目，然後隱藏在div。但我不知道這會對這種情況有多大幫助。

來源

2011-11-09 15:23:26 Twomz

我不認爲我是想刪除列表項元素，並刷新JQM這關係到我的問題。我暫時還沒有測試過這個問題，但是你將這些元素放在div中的建議是行不通的。我通常會下降投票這是我看到它更象是一個註釋，然後一個解決方案，但因爲你是新來的，所以請考慮編輯了一個解決方案，而不是一個建議 – 2011-11-09 15:28:24

<!DOCTYPE html> 
<html> 
<head> 
    <meta name=viewport content="user-scalable=no,width=device-width" /> 
    <link rel=stylesheet href=jquery.mobile/jquery.mobile.css /> 
    <script src=jquery.js></script> 
    <script src=jquery.mobile/jquery.mobile.js></script> 
</head> 

<body> 

<div data-role=page id=home> 
    <div data-role=header> 
    <h1>Home</h1> 
    </div> 

    <div data-role=content> 
    <p> Window content </p> 
    <ul data-role=listview data-inset=true> 
     <li data-icon=delete> <a href=#>Element 1 </a></li> 
     <li data-icon=delete> <a href=#>Element 2 </a></li> 
     <li data-icon=delete> <a href=#>Element 3 </a></li> 
     <li data-icon=delete> <a href=#>Element 4 </a></li> 
     <li data-icon=delete> <a href=#>Element 5 </a></li> 
    </ul> 
    </div> 
</div> 

</body> 
</html> 

<script> 

$("li .ui-icon").bind ("click", function (event) 
{ 
    $(this).closest ("li").remove(); 
}); 

</script>

來源

2014-06-18 06:20:06 user3751157

JQM（jQueryMobile）動態刪除元素

回答

相關問題