0

我有一个 Jquery Mobile 列表视图，每个列表项中的链接旁边都有一个删除按钮。当我单击删除按钮时，会触发 onclick 事件，删除函数会运行，但随后也会跟随 href，即使该按钮未嵌套在 href 中。我已将 return 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>');
4

2 回答 2

0

应该没有任何问题。看这个例子：http: //jsfiddle.net/Gajotres/WEmNG/。我两天前为其他人创建了它，但它与您的问题相似。我在列表视图上显示自定义复选框，而不是删除按钮。如果您单击列表视图，它会将您转发到另一个页面，但如果您单击自定义复选框，它只会激活 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);
   }
});
于 2012-11-30T13:00:39.407 回答
0

将 a 和 li 都附加到父级[将它们放在同一级别]。通过这种方式，它们应该很容易工作。

于 2012-11-30T12:30:52.100 回答