javascript - jquery .load() 仅加载第一个请求

Question

我会让事情变得简单:

我有:

<a id="edit" data-link="mylink">Edit</a>
<a id="edit" data-link="mylink2">Edit2</a>
<div id="modal">

</div>

<script>
    $('#edit').click(function(){
        var href = $(this).data('link');
        $( "#modal" ).load( href );
    });
});
</script>

它可以工作，但仅适用于第一个按钮，不适用于第一个请求，仅适用于第一个按钮，它可能是第 10 个请求，并且仅加载第一个按钮，其他按钮不加载，我检查了链接和工作。

Answer 1

ID元素的元素必须是唯一的。

ID - 属性

The id attribute specifies its element's unique identifier (ID). The value must be unique amongst all the IDs in the element's home subtree and must contain at least one character. The value must not contain any space characters

使用类属性对相似元素进行分组

<a class="edit" data-link="mylink">Edit</a>
<a class="edit" data-link="mylink2">Edit2</a>

然后使用 class selctor

$('.edit').click(function(){
        var href = $(this).data('link');
        $( "#modal" ).load( href );
    });
});

当您使用 id-selector 时，它将获取具有给定 id 的第一个元素，以便您的点击处理程序仅注册到第一个链接元素