Déclenchement sur le même identifiant avec redirect.js

Question

J'ai un code comme celui-ci

<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>

et j'ai jquery redirect.js comme ceci

$('#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;
        });

Mais mon problème est que le premier lien fonctionne, mais que le second ne fait rien. Comment faire pour que le second lien se déclenche comme le premier ?

Answer 1

Vous ne pouvez pas avoir deux éléments avec les mêmes identifiants, mais vous pouvez définir leur classe et gérer les événements avec cette classe :

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

Plus de info sur les identités.