jQuery Mobile的樣式DOM

在我的標記裏面的內容我：

<div class="simpleCart_items" ></div>

這個div將使用從JavaScript文件的內容來填充。實際上它會輸出添加到購物車列表中的項目。

此外還有一個鏈接「刪除」，它也會在列表中的每個項目旁邊生成。我不能浪費oportunity樣式用一個漂亮的JQM小按鈕，你可以使用此代碼顯示此鏈接：

<a href="index.html" data-role="button" data-icon="Remove" data-iconpos="notext">Delete</a>

裏面的JavaScript我發現，負責生成此刪除鏈接線。

remove: function (item, column) { 
        return "<a href='javascript:;' class='" + namespace + "_remove'>" + (column.text || "X") + "</a>"; 
      }

在Firebug的這條線將輸出就像這樣：

<div class="item-remove"> 
<a class="simpleCart_remove" href="javascript:;">Remove</a> 
</div>

作爲一個總的新手到事件和DOM我想：「哎，你爲什麼不加入這個數據角色atributes來此javascript線？「你們知道它不會像那樣工作。

我已經讀過這個鏈接標籤沒有考慮到JQM樣式，當頁面加載時，無論出於何種原因。

嘗試了一切之後，我放棄了自我。如果你們拿出一個腳本，請告訴我究竟在哪裏放置它，這可能會影響結果。

來源

2013-03-01 user2109326

在jQM以編程方式添加按鈕後，您需要調用refresh方法讓jQM增強其標記。

$("<a href='#' data-role='button' data-icon='delete' data-iconpos='notext' data-inline='true' class='simpleCart_remove'>Remove</a>") 
    .appendTo("div.simpleCart_items") 
    .buttonMarkup('refresh');

這裏工作jsFiddle

在的jsfiddle例子，我改變<a>到<button>（BTW它更簡潔）與一個ListView發揮很好，並綁定一個click事件刪除項目。

來源

2013-03-01 23:22:53 peterm

我在主體的最後添加了這段代碼，並沒有工作。 – user2109326 2013-03-02 02:43:33

@ user2109326你看過我在答案中提供的jsFiddle嗎？您需要使用正確的jQM事件，而不只是將一堆代碼放在腳本標記的某個地方，我猜你會這樣做。 – peterm 2013-03-02 03:55:49

是的，你是對的。正是我所做的，把你的代碼粘貼起來。我查看了js文件，它完全符合我的需要。但我是這個新手，即使這樣一個很好的演示，我不能讓它爲我的項目工作。也許有一天，有人會閱讀這個步驟，並發現它有用和鼓舞人心。我覺得很尷尬浪費你的專家答案。萬事如意。 – user2109326 2013-03-02 13:26:53

jQuery Mobile的樣式DOM

回答

相關問題