时间戳

首页 > 解决方案 > 使用redirect.js 触发相同的ID

jquery - 使用redirect.js 触发相同的ID

问题描述

我有这样的代码

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

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

标签： jqueryhtmlcssredirect

解决方案

您不能有两个具有相同 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;
        });

有关 id 的更多信息。

推荐阅读