从引导弹窗内的元素中删除类

Question

我正在使用引导弹出窗口来显示收件人列表的可用操作列表。 弹出框：

<ul class='list-unstyled recipients-popover'>
<li><a href='#' class='popover-item' onclick='openAddContactModal()'><i class='test'></i> &nbsp; Add contact</a></li>
<li><a href='#' class='popover-item'><i class='test'></i> &nbsp; Add contact list</a></li>
<li><a href='#' class='popover-item disabled' onclick='deleteContacts()'><i class='test'></i> &nbsp; Delete contacts</a></li>
<li><a href='#' class='popover-item' onclick='openAddGroupModal()'><i class='test'></i> &nbsp; Create new group</a></li>
<li><a href='#' class='popover-item disabled' onclick='openAddContactToGroupModal()'><i class='test'></i> &nbsp; Add contacts to group</a></li>
<li><a href='#' class='popover-item disabled'><i class='test'></i> &nbsp; Remove contacts from Group</a></li>
<li><a href='#' class='popover-item' onclick='openDeleteGroupModal()'><i class='test'></i> &nbsp; Delete Group</a></li>

以上是由以下 HTML 触发的：

<a class="btn btn-link text-white" tabindex="0" role="button" data-html="true" data-trigger="focus" data-container="body" data-toggle="popover" data-placement="auto" data-content=" @include('recipient.actions-popover') ">

然后问题是当我尝试在弹出窗口上运行 javascript 时，它不起作用。例如，如果我尝试运行：

$(document).on('change', '.checkable', function(e) {
console.log("testing");
$(".popover-item").removeClass('disabled');
});

尽管我确实看到了测试控制台日志，但禁用的类不会被删除。

任何人都可以帮助使上述工作吗？

Answer 1

如果您只想在复选框更改时删除类，这工作正常：

$(".checkable").change(function() {
$(".popover-item").removeClass('disabled');
});

.disabled{
color:red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class='list-unstyled recipients-popover'>
<li><a href='#' class='popover-item' onclick='openAddContactModal()'><i class='test'></i> &nbsp; Add contact</a></li>
<li><a href='#' class='popover-item'><i class='test'></i> &nbsp; Add contact list</a></li>
<li><a href='#' class='popover-item disabled' onclick='deleteContacts()'><i class='test'></i> &nbsp; Delete contacts</a></li>
<li><a href='#' class='popover-item' onclick='openAddGroupModal()'><i class='test'></i> &nbsp; Create new group</a></li>
<li><a href='#' class='popover-item disabled' onclick='openAddContactToGroupModal()'><i class='test'></i> &nbsp; Add contacts to group</a></li>
<li><a href='#' class='popover-item disabled'><i class='test'></i> &nbsp; Remove contacts from Group</a></li>
<li><a href='#' class='popover-item' onclick='openDeleteGroupModal()'><i class='test'></i> &nbsp; Delete Group</a></li>
<label>Checkable</label> <input type="checkbox" name="recipient[3]" class="checkable" contactid="3">