使用redirect.js 触发相同的ID

Question

我有这样的代码

<a href="javascript:;" id="linkmasterloc" data-target="master" data-judul="location" data-file="add">
                                        <span> Add </span>
                                    </a>
<a href="javascript:;" id="linkmasterloc" data-target="master" data-judul="location" data-file="list">
                                        <span> List </span>
                                    </a>

我有像这样的 jquery redirect.js

$('#linkmasterloc').on('click', function() {
            var judul = $(this).attr('data-judul');
            var urlfile = $(this).attr('data-file');
            var target = $(this).attr('data-target');
            $.redirect(url+target,
            {
                judul: judul,
                file : urlfile
            },
            "POST", "_self");
            return false;
        });

但我的问题是第一个链接有效，但第二个链接没有做任何事情。如何让第二个链接像第一个链接一样触发？？

Answer 1

您不能有两个具有相同 id 的元素，您可以设置它们的类并使用类处理事件：

<a href="javascript:;" id="linkmasterloc" class="linkmasterloc-class" data-target="master" data-judul="location" data-file="add">
                                        <span> Add </span>
                                    </a>
<a href="javascript:;" id="linkmasterloc2" class="linkmasterloc-class" data-target="master" data-judul="location" data-file="list">
                                        <span> List </span>
                                    </a>

JS：

$('.linkmasterloc-class').on('click', function() {
            var judul = $(this).attr('data-judul');
            var urlfile = $(this).attr('data-file');
            var target = $(this).attr('data-target');
            $.redirect(url+target,
            {
                judul: judul,
                file : urlfile
            },
            "POST", "_self");
            return false;
        });

更多info关于id的信息。