die Anwendung der gleichen .klicken Sie ein Ereignis an zwei verschiedenen divs

habe ich zwei verschiedene divs (code wurde vereinfacht, das ist nicht der eigentliche code.)

<div id="test"></div>
<div id="funt"></div>

was ich will, ist, zu befestigen, das gleiche click-Ereignis zu #funt:
so etwas wie:

$('#test').click(function() {
    DoWork();
});
$('#funt).click(function() {
    DoWork();
});

function DoWork(){
    alert('yes');
}

aber gibt es nicht eine Möglichkeit zum definieren mehrerer DIVS der gleichen click-Ereignis?

können sagen, ( ja, ich weiß, das funktioniert nicht! )

($('#test'),('#funt')).click(function(){alert('yes')});

InformationsquelleAutor Dementic | 2011-07-18
  1. 18

    Einfach:

    $("#test, #funt").click(DoWork);

    Sehen Mehrere Selektor.

    InformationsquelleAutor karim79
  2. 0

    Ordnen Sie eine Klasse, um deine div ' s, und weisen Sie dann das click-Ereignis mit der Klasse wie folgt aus:

    <div class="clickable" id="test"></div>
<div class="clickable" id="funt"></div>

    Dann

    $('.clickable').click(function()
{
    DoWork();
});

    Könnte man auch eine Liste der id ' s wie diese:

    $("#test, #funt").click(DoWork);

    Normalerweise versuche ich, um Klassen zu verwenden, weil es sauberer ist, wenn man sich mit mehreren divs - du musst nicht Liste die ID von jedem.

    • Sie müssen verstehen, dass manchmal ist es nicht möglich, änderungen an code. Empfehlung von hinzufügen/entfernen von Klassen ist in der Regel gut für eine neue Website gestartet, die nicht für eine Website mit über 6000 Seiten.
    • Sie sollten verstehen, dass ohne diese Art von Informationen wird in der ursprünglichen Frage, du bekommst Antworten wie die meine. Bitte beachten Sie, stellte ich zwei Optionen, wo eine markup-änderung erforderlich war, und eine, wo es nicht so war. Basierend auf deiner ursprünglichen Frage (die enthalten keine Informationen über Sie nicht ändern Sie die markup -), ich denke, das war ein guter Ansatz 🙂
    • ich habe nicht ment Schaden... Deutsch ist nicht meine Muttersprache, und es tut mir Leid, wenn ich manchmal zu hart ;). aber ich denke wirklich, dass da ein Programmierer sind, sollten Sie immer zuerst prüfen, Optionen mit kein markup ändern, und nur, wenn es nicht möglich ist, andere Optionen zu prüfen.
    • nichts für ungut, getroffen. Meine Antwort war einfach nur eine Ermutigung zu mehr information in deiner ursprünglichen Frage (und ein Versuch, ein up-vote).
    InformationsquelleAutor James Hill
  3. 0

    Sie waren tatsächlich ziemlich nahe: 

     $('#test, #funt').click(function() {
      });
    InformationsquelleAutor vcsjones
  4. 0

    Haben Sie zwei Möglichkeiten, entweder Sie geben könnte, diese beiden divs eine Klasse, und dann führen Sie einfach den code:

    $(".myclass").click(function() {
    DoWork();
});

    Oder definieren Sie eine Funktion wie:

    function hookClick(arr, handler)  {
    foreach (var i in arr) {
        $(i).click(handler);
    }
}

    dann führen Sie es mit

    hookClick(["#div1", "#div2"], function() { /*do sth cool })
    • nette Idee, aber zu kompliziert. ich bin auf der Suche nach einer Lösung, wie karmi79 ist.
    InformationsquelleAutor Fed44
  5. 0

    Sollte diese Arbeit

    ($('#test','#funt')).click(function(){alert('yes')});

    http://api.jquery.com/multiple-selector/

    InformationsquelleAutor ysrb
  6. 0

    Können Sie diese syntax versuchen, so zu tun,

    Beim arbeiten mit Classes

    $(".className1, .className2, .classNameN").on('click', function(){
    Do_Some_Work();
});

    Beim arbeiten mit Id's

    $("#ID1, #ID2, #IDN").on('click', function(){
    Do_Some_Work();
});

    Beim arbeiten mit Kombination von ID und Class

    <div id="z">z
    <div class="w">w</div>
    <div class="x">x</div>
   <div class="y">y</div>
</div>

$('#z.w , #z.y').on('click', function(){
    Do_Some_Work();
    //Pointer come here only when it click on `W` and `Y`
});
    InformationsquelleAutor Ajay Gupta
Schreibe einen Kommentar