Call jquery-Funktion wenn <ul> content ändern

Ich versuche zu nennen, jQuery Funktion bei ul-Inhalt geändert wird.

Unten ist mein code

JS

jQuery(document).ready(function($) {

        $('.ProductList').live('change', function() {
          alert('content is changed now');
        });
    });

HTML

<ul class='ProductList List Clear'>
call jquery function when content change here.
     <li></li>
     <li></li>
      <li></li>
</ul>

Empfehlen Sie mir einige Idee, damit ich es lösen kann.

Ich versuche zu rufen-Funktion basiert auf der content ändern, weil ich die Arbeit auf bigcoomerce Anpassung und big-commerce erlaubt es mir nicht, Zugriff auf ajax-Funktion, da der Zugang begrenzt, so muss ich rufen Sie die Funktion wie das.

stackoverflow.com/questions/9470931/...
api.jquery.com/change The change event is sent to an element when its value changes. This event is limited to <input> elements, <textarea> boxes and <select> elements. For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus. So .change() funktioniert nicht auf eine ungeordnete Liste... Auch seltsame Warnmeldung?
Die Frage ist, wie Ihr UL-Inhalt ändern?
Warum so viel upvotes, diese Frage beantwortet wurde Tausende Male zuvor...
ha, ok, Drittanbieter-plugin nicht erlauben, Sie zu überschreiben ajax-request. Ich würde sagen, eine Globale ajax-Methode wie .ajaxStop() und dort überprüfen, ob UL-Inhalt geändert hat

InformationsquelleAutor Jalpesh Patel | 2013-07-24

  1. 5

    Test,: {das wird nicht funktionieren, wenn bestimmte ajax-Anfrage ist gesetzt zum globalen false}

    ! function () {
    var ulContent;
    $(document).ajaxStop(function () {
        var $ul = $('.ProductList');
        if(ulContent !== $ul.html()){
            ulContent = $ul.html();
            $ul.trigger('contentChanged');
        }
    });
}();

$('.ProductList').on('contentChanged',callback);

    callback ist die Funktion, die Sie anrufen möchten, wenn der Inhalt von UL geändert. Sollten Sie nur rufen Sie es direkt aus ajaxStop handler aber in der Regel verwenden wir ein benutzerdefiniertes Ereignis aus.

    Oder verwenden, wenn Sie nicht wissen, was bisherige syntax bedeutet:

     $('.ProductList').on('contentChanged',function(){alert('UL content changed!!!');});
    was bedeutet der ! bevor function() bedeuten,& , ruft die Funktion auf?
    href="http://stackoverflow.com/questions/3755606/what-does-the-exclamation-mark-do-before-the-function" title="was bedeutet der Ausrufezeichen vor der Funktion">stackoverflow.com/questions/3755606/..., Die kann nützlich sein wenn Sie verkleinern Ihren code
    Danke für den link! War das nicht bewusst. Wie kann ich überprüfen, ob die spezifische ajax-request gesetzt ist global falsch? Könnten Sie check-out das problem, das ich mich vor in stackoverflow.com/questions/30544027/...
    nicht für mich arbeiten. Pls schreibt ein jsfiddle.

    InformationsquelleAutor A. Wolff

  2. 5

    Dies ist eine etwas späte Reaktion, aber ich Teile es für neue Entwickler gerichteten gleiche problem;

    Einige vermuten mit MutationEvents aber Obacht, das ist veraltet!

    $('.ProductList').on('DOMSubtreeModified', function(event) {
    //dos tuff
});

    Ist der empfohlene Weg ist die Verwendung MutationObserver wie erläutert in diesem Frage aber dann Vorsicht, dass es nicht unterstützt, die in alten Browsern wie dem IE8!

    funktioniert perfekt für meine situation 🙂
    funktioniert perfekt für mich ! vielen Dank ...

    InformationsquelleAutor numediaweb

  3. 3

    <Ul> haben keine change-Ereignis, da die Benutzer nicht ändern können, aber wenn Sie es aktualisieren die Inhalte mit javascript aufrufen können Sie jede Funktion, die Sie in Ihrem code nach dem ändern es

    InformationsquelleAutor Sergio

  4. 2

    Dem ul-element nicht onchange-Ereignis wie die Elemente bilden.

    Ich bin sicher, dass der Inhalt des li-Elements ändern, indem Sie einige Funktionen in Ihrem code.
    So der bessere Weg ist, zu emittieren, Ereignis, Funktion, und einen Listener für dieses Ereignis;

    Kann sein, dass das helfen würde: Benutzerdefinierte Ereignisse in jquery

    InformationsquelleAutor Akhil Sekharan

  5. 2
    $(document).on('DOMSubtreeModified', function (e) {
     if ($(e.target).hasClass("select2-choices")) {
          console.log("cambio");
          alert("cambio");
     }
});

    InformationsquelleAutor Lautaro Lorenz

  6. -4

    Können Sie setInterval(funcName, 1800) Check-Liste jede 1/2 Sekunde wenn ProductList geändert

    Beispiel jsfiddle

    HTML

    <ul class='ProductList List Clear'>
     <li></li>
     <li></li>
      <li></li>
</ul>

    JS

        function handleProductList(){
        if(jQuery('ul.ProductList > *').size() !=="undefined"){
        var ProductListNum = jQuery('ul.ProductList > *').size();
            console.log(ProductListNum);
        }
    }

    /* Check List each 1/2 second */
    setInterval("handleProductList();", 1800);
    Dies ist ein schmutziger hack mit setInterval (), besser stick mit der normalen Ereignisse.

    InformationsquelleAutor 20AMax

  7. -6
    $('.ProductList li').live('click',function()
{
    alert('You just clicked a paragraph!');
});

    InformationsquelleAutor user1986444

Schreibe einen Kommentar