Question

我想跟踪用户的文章书签。已添加的那个和新添加的那个。通过ajax调用进行快速检查，以检查书签是否已存在。我正在动态添加要通过popover显示的信息，Bookmark Exist或Bookmark Added。

这是弹出按钮：

<button class = "btn btn-primary" name = "bookmark" id = "bookmark_list" value = "{{post.slug}}" data-container="body" data-toggle="popover" data-placement="right"> Add Bookmark </button>

我在这里遇到的问题是，一旦我将data-content添加到弹出窗口并单击它，其他for循环元素的弹出窗口也会显示出来。

success: function(data){
    if (data.status){
        $("#bookmark_list").attr("data-content", "Already Bookmarked");
        $('[data-toggle="popover"]').click()
    }
    else{
        $("#bookmark_list").attr("data-content", "Bookmark Added !");
        $('[data-toggle="popover"]').click()
    }

这会导致点击多个弹出式窗口。我尝试使用唯一的value属性来识别确切的实例：

var popover_value = $(this).attr("value");

获得popover的value之后，我尝试使用$('[value = popover_value]')获取元素并动态添加data-content。但是，没有使用值来识别确切的实例。

$('[value = popover_value]').attr("data-content", "Already in list");
$('[value = popover_value]').click()

如何执行此操作以便仅单击当前实例Add Bookmark按钮？谢谢！

编辑1：

这是Django模板：https://pastebin.com/c8hwksad

以下是javascript代码：https://pastebin.com/7YWUTpGc

jQuery：识别for循环元素中的特定元素并手动触发twitter bootstrap popover

0 个答案: