Notwendigkeit der Initialisierung js nach Ajax-Antwort Magento 2

7

Ich arbeite an einem Ajaxscroll-Produkt, aber als ich die Antwort unter dem Skript erhielt, wurde es nicht initialisiert

<script type="text/x-magento-init">
        {
            "[data-role=tocart-form], .form.map.checkout": {
                "catalogAddToCart": {}
            }
        }

</script>

Kann mir jemand helfen, das Skript nach der Antwort zu initialisieren.

magento2 script initialize-script Prashant Valanda
quelle

1

Welche Ajaxscroll-Erweiterung haben Sie verwendet?

Rakesh Jesadiya

Ich erschaffe meine eigenen. In der ersten Seite Produkt Ajax Addto Cart funktioniert, aber in Ajax Antwort funktioniert es nicht

Prashant Valanda

Ich habe das gleiche Problem, haben Sie dieses Problem gelöst?

Mike

Ja, ich habe dieses Problem durch Hinzufügen der Funktion addtocart require auf meiner Seite gelöst. Dies ist kein geeigneter Weg, aber eine vorübergehende Lösung für mich

Prashant Valanda

@Dmitry Ich habe das Problem behoben. Es funktioniert für mich.

Prashant Valanda

11

Ich habe das gleiche Problem und habe es behoben, indem ich catalogAddToCart nach dem Ajax-Aufruf aufgerufen habe.

Hier ist das Code-Snippet

$.ajax({
    dataType: 'html',
    type: 'GET',
    url:url,
    success: function(data){
        var data =  $($.parseHTML(data));
        var productList = data.find('.products.list').html(); 
        productWrapper.append(productList);
        // this solved the problem
        $( "form[data-role='tocart-form']" ).catalogAddToCart(); 
    },
});

Arun Karnawat
quelle

1

Danke, dass es für mich funktioniert. $ ("form [data-role = 'tocart-form']") .catalogAddToCart ();

Jalpesh Patel

Es gibt mir Fehler TypeError: $ (...). CatalogAddToCart ist keine Funktion

Magecode

Stellen Sie sicher, dass Sie catalogAddToCart () verwenden, nachdem es definiert wurde.

Arun Karnawat

@ArunKarnawat, Wo soll dieser Code hinzugefügt werden? In welcher Datei? Ich benutze unendliche Schriftrolle,

Jafar Pinjar

Wow du hast meinen Tag gerettet und danke für diesen Code $ ("form [data-role = 'tocart-form']") .catalogAddToCart (); Wirklich hilfreich.

Gajjala Sandeep

6

Ich habe dieses Problem mit dem folgenden Code behoben:

htmlObject=jQuery("#custom_search_autocomplete").html(result);  

htmlObject.find('[data-role=autocompletesearch-tocart-form], .form.map.checkout').attr('data-mage-init', JSON.stringify({'catalogAddToCart': {}}));             
htmlObject.trigger('contentUpdated');

Prashant Valanda
quelle

Ich stehe auch vor dem gleichen Problem. Wie haben Sie dieses Problem behoben? Ich muss die Funktion zum Hinzufügen zum Warenkorb

neu starten

2

Aus der akzeptierten Antwort habe ich diese generische Lösung gemacht, die etwas einfacher zu verstehen ist:

$(document).ajaxComplete(function() {

    $('[data-mage-init]').each(function() {
        var mageInit = $(this).attr('data-mage-init');

        if (typeof mageInit !== 'undefined') {
            var script = document.createElement("script");
            script.type = "text/x-magento-init";
            script.text = '{"*":' + mageInit.trim() + '}';
            $(this)[0].appendChild(script);
            $(this).trigger('contentUpdated');
            $(this).removeAttr('data-mage-init');
        }
    });

});

OZZIE
quelle

Was ist ein Element? es funktioniert nicht. Ist Ihr Code vollständig?

Magecode

1

Beispiel unten:

$.ajax({
    dataType: 'html',
    type: 'GET',
    url:url,
    success: function(data){
..............
**$('body').trigger('contentUpdated');**
    },
});

Alexey Panteleychuk
quelle

Notwendigkeit der Initialisierung js nach Ajax-Antwort Magento 2

Antworten: