jQuery.auf('click') vor jQuery.klicken Sie auf?

Habe ich ein externes Skript, welches ich nicht ändern kann. Dieses Skript laden-Schaltfläche, und fügen Sie ein jQuery .klicken Sie auf... und das Ende mit "return false".

Muss ich trigger mein eigenen code auf diese klicken. Wenn ich das laden der Seite die nicht existiert, also muss ich verwenden .auf('click') zu binden "live". Aber es sieht aus wie die .auf('click') wird geladen "danach".klicken Sie auf, und als er "return false", meine .auf('click') ist nicht geladen.

Also die Frage ist... Wie kann ich trigger mein auf klicken Sie auf diese dynamisch geladen a#btn wich bereits eine .klicken Sie auf die Funktion false zurückgeben ?

Ist hier das fiddle :
http://jsfiddle.net/PLpqU/

Und hier ein code-Beispiel :

<div id="container"></div>
//I want this action to be executed on click, and the other too
//I can't use .click because on the "real" code, the a#btn is loaded after the page by another script
jQuery(document).on('click','a#btn',function(){
        ga('send', 'event', { eventCategory: 'xxxx', eventAction: 'yyyy' });
}) ;

//http://www.xxxxxx.com/distant-script.js
//This one is binded in a script that i cannot edit :
//Just before it load a#btn on the page, and then bind .click on it
//as he return false, the other on('click') are not executed
jQuery('#container').append('<a id="btn" />') ;
jQuery('a#btn').click(function(){
    //Some code stuff i need to be executed, but i can't manage
    return false ;
}) ;

Wie Sie können, Ziel ist das auslösen eines Google-Analytics-event auf einem link-button geladen, durch ein entferntes script.

das können Sie nicht. ein Ereignis gebunden direkt auf das element wird immer passieren, bevor eine Delegierte Ereignis. Sie müssen entweder verlängern Sie das plugin, oder entfernen Sie das click-Ereignis aus, nachdem es Hinzugefügt wurde.
Ja, aber ich brauche es, um ausgeführt werden zu, ich kann nicht einfach lösen, ohne "rebinding". Gibt es eine Möglichkeit, binden Sie es nach der Bindung ? vorausgesetzt, ich bin nicht verantwortlich für das binden und seinen code ändern kann
Ich verstehe das, aber die Tatsache ist, es gibt keine einfache Problemumgehung für dieses. Haben Sie zu lösen oder zu ändern, die Veranstaltung, die das plugin ausgibt.
Rückblickend auf Ihrer Geige, es sieht aus wie Sie sind verbindlich, Ihre click-Ereignis, um das Dokument, nicht auf die a#btn element. Klicken Sie auf Ereignisse, die sich von der Unterseite der DOM an der Oberseite, also an Ereignisse gebunden, um das Dokument wird immer ausgelöst, nachdem Ereignisse gebunden, um DOM-Elemente. Können Sie binden direkt an a#btn?
Nein, ich kann nicht, weil ich es brauchen werden dynamisch gebunden, da die Schaltfläche nicht im DOM-laden auf

InformationsquelleAutor Pierre Granger | 2014-02-28

  1. 4

    Scheint es, dass Sie konfrontiert sind mehrere Probleme, aber wichtiger wäre zu wissen, Wann das element gerendert wird, in den DOM, so dass Sie manipulieren Ereignisse Kollektion.

    Einmal das element ist zugänglich, es ist ganz einfach zu lösen das plugin-Handler, binden, verkaufen und binden das plugin ist eines zu wissen, dass das jQuery-event-Auflistung zugegriffen werden kann: $._data(domEl, 'Veranstaltungen');

    Hier ein Beispiel:

    var $div = $('<div>').click(function () { console.log('plugin'); return false; }),
    clickListener = jQuery._data($div[0], 'events').click[0];

//unbind all
$div.off('click');

//bind yours
$div.click(function () { console.log('yours'); });

//rebind the plugin's one
//note that I do not register the listener by honoring the same configs, 
//but you could since you can see them in the clickListener object
$div.click(clickListener.handler);

//test out everyting
$div.triggerHandler('click');

    Wenn Sie nicht wollen, zu lösen, ich glaube, dass Sie können auch verwenden Sie die DOM level 0-Ereignis-Modell und do:

    element.onclick = yourHandler;

    Wissen, zu wissen, wenn das element verfügbar ist, ist viel eher ein Problem, wenn das plugin macht dieses element asynchron und bieten keine Möglichkeit zu wissen, wenn der Prozess abgeschlossen ist.

    Wenn Sie möchten, Unterstützung von alten Browsern, haben Sie keine andere Wahl, als entweder überschreiben Sie die plugin-code (vorausgesetzt, die betroffenen Methoden sind public) oder der Umfrage der DOM mit setInterval bis das element, das Sie suchen, ist Teil des DOM-und dann Sie können tun, was wir oben besprochen.

    Wenn Sie welche auf modernen Browsern, die Sie verwenden können, die MutationObserver Objekt zu hören, zu DOM-Veränderungen.

    Nein, da lastfälle in der Regel erreichen Sie nicht das Dokument.
    Gut setInterval ist sicherlich weniger effizient, aber es ist ganz einfach. Sie können etwas tun, wie var timer = setInterval(function () { var $el = $('#el'); if ($el.length) { /*do what you need with the element*/ clearInterval(timer); } }, 100);
    Bitte beachten Sie auch, dass Sie können verwenden Sie DOM-0-Ereignisse anstelle von verbindlich und unverbindlich, ich veränderte meine Antwort entsprechend.
    Ich versuchte Ihre Methode und es funktioniert perfekt ! ziemlich genial 🙂 vielen Dank für Ihre Zeit, auf mein problem das ist wirklich perfekt 🙂
    Tu veux dire que ton-handler n'était pas toujours invoqué quand l'élément était cliqué?

    InformationsquelleAutor plalx

  2. 3

    Können Sie lösen ein Ereignis und fügen Sie dann Ihre Funktion als event-handler.
    http://api.jquery.com/unbind/

    Überprüfen Sie dieses jsfiddle http://jsfiddle.net/Xm5MB/

    $(function(){

    $("#testDiv").append("<a id='btn'>link</a>");
    $("a#btn").click(function(){
        alert("first bind");
    });
    $("a#btn").unbind("click");
    $("a#btn").on("click", function(){
        alert("second bind");
    });
});
    Die Bindung ist okay, aber ich muss erneut binden Sie nach... gibt es eine Möglichkeit ?
    Sie sagte, dass Ihre Verbindung dynamisch erstellt wird. Können Sie uns mehr details darüber? Wenn Sie den link dann nach dem einfügen in den DOM, können Sie lösen die "click" - Ereignis, und binden Sie Ihr handler.
    +1, die eine alternative zu lösen ist .off(). "die jQuery 1.7, die .on() und .off () - Methoden sind bevorzugt zu befestigen und entfernen von event-Handlern auf die Elemente."
    Ich habe bearbeitet die Geige, um genauer zu sein auf die code : jsfiddle.net/XvyBN Das problem mit deinem code ist, dass ich müssen die ersten binden ausgelöst werden, kann ich gerade nicht, lösen Sie es ich will es, um ausgeführt werden zu
    Wie werden Sie lösen ein Ereignis aus einem DOM-element an, wenn Sie nicht wissen, wenn das DOM-element existiert und zweitens, ist es ganz wichtig, zu binden das plugin event, so dass es ausführen können Sie das eigene Verhalten.

    InformationsquelleAutor AbhinavRanjan

  3. 2

    Eine Sache, die funktionieren könnte ist, binden Sie das click-Ereignis, das Sie wollen, um das Feuer zunächst auf ein child-element des Elements, dass die anderen click-Ereignis gebunden ist. Da das click-Ereignis wird die Blase aus der untersten Ebene der DOM zu den höchsten, es sollte Feuer-Handler gebunden, um Kinder vor diejenigen, die gebunden sind an Ihre Eltern.

    Wenn Sie möchten, stoppen Sie das andere event aus abfeuern, können Sie entweder manuell verwenden event.stopPropagation() oder else return false von der Funktion, die Sie gebunden haben, um das Kind, das ruft event.stopPropagation() und event.preventDefault().

    Ihr Kind Methode hört sich gut an, leider ist der a#btn hat kein Kind drauf..

    InformationsquelleAutor ckersch

  4. 0

    Ist hier eine Lösung zur Verfügung gestellt von @plalx :

    var os = jQuery('#container') ; //the #container is written by me on the code. He's empty on load and is filled by the distant script wich add the a#btn on it.
if ( os.length > 0 ) //I just check if he is on my page, just in case.
{
    var timer = setInterval(function () 
    {
        var btn_os = jQuery('a#btn') ;
        if (btn_os.length) //Button is loaded on page : we can do the trick
        {
            clickListener = jQuery._data(btn_os[0], 'events').click[0]; //caching the first .click bind

            btn_os.off('click'); //Removing all binds

            //Adding my own bind
            btn_os.click(function () {
                console.log('test') ;
                ga('send', 'event', { eventCategory: 'xxxx', eventAction: 'yyyy', eventLabel : 'zzzz' });
                //You can either trigger here the previous handler or rebind it out of here, 6 lines bottom
                //In my case i prefer to trigger it myself, with a little delay to make sure that my ga('send') has time to register
                setTimeout(function(){clickListener.handler() ;}, 150);
            });

            //And rebinding the old one if needed
            //In my particular case i don't want to rebind it, i prefer triggering it manually on my .click function with a setTimeout delay
            //btn_os.click(clickListener.handler);
            clearInterval(timer) ; //Removing the interval timer
        }
    }
    , 100);
}

    InformationsquelleAutor Pierre Granger

Schreibe einen Kommentar