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的元素，可以设置它们的类并使用class处理事件：

<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;
        });

有关ID的更多info。

使用redirect.js触发相同的ID

1 个答案: