jqm listview onclick仍然關注href

Question

我有一個Jquery Mobile列表視圖，每個列表項中的鏈接旁邊有一個刪除按鈕。當我點擊刪除按鈕時，onclick事件觸發，刪除功能運行，但是隨後的href也被跟蹤，即使按鈕沒有嵌套在href中。我已經添加了返回false到按鈕，看看這會有所幫助，但它不會！幫幫我！

下面是我使用動態填充我的列表的代碼....

$('#roomsList').append('<li><img src="img/delete-2x.png" class="delete" onClick="deleteRoom(\'' + currentRow.roomtype + '\',\'' + propertyID + '\'); return false;" /><a href="inventory.html?roomtype='+currentRow.roomtype+'&id='+propertyID+'" id="'+currentRow.roomtype+'">' + currentRow.roomtype + '</a></li>'); 

Answer 1

應該沒有問題。看看這個例子：http://jsfiddle.net/Gajotres/WEmNG/。我前兩天爲其他人創建了它，但它與您的問題類似。我在ListView上顯示自定義複選框，而不是刪除按鈕。如果你點擊一個列表視圖，它會轉發你到另一個頁面，但如果你點擊自定義複選框，它只會激活chechbox上的事件。

使用我的示例在列表視圖上創建一個工作刪除按鈕。

這是事件的一個例子，我使用我的自定義複選框：

$('.checkBoxLeft').bind('click', function(e) { 
    if($(this).find('input[type="checkbox"]').is(':checked')){ 
     $(this).removeClass('checked').addClass('not-checked'); 
     $(this).find('input[type="checkbox"]').attr('checked' , false); 
    } else { 
     $(this).removeClass('not-checked').addClass('checked');    
     $(this).find('input[type="checkbox"]').attr('checked' , true); 
    } 
}); 

Answer 2

兩個附加的一個和李父[把它們放在同一水平。這樣他們應該很容易地工作。