Ajax Anfragen von Front-End mit jQuery Fancybox

Ich möchte in der Lage sein, die Ajax-function von jQuery Fancybox zu verwenden, um Daten vom Front-End anzufordern. Hier ist ein Teil des Codes, den ich im Plugin-Teil verwende:

wp_localize_script( 'wpPluginjs', 'ajax_vars', array( 'url' => admin_url( 'admin-ajax.php' ), 'nonce' => wp_create_nonce( 'ajax-nonce' ) ) ); 

Und auf der js Teil:

 var url = ajax_vars.url; var nonce = ajax_vars.nonce; $( "#list" ).fancybox({ maxWidth : 800, maxHeight : 600, openEffect : 'none', closeEffect : 'none', title : false, type: 'ajax', href: ajax_vars.url+'&nonce='+ajax_vars.nonce }); 

Aber ich habe tatsächlich den folgenden Fehler, wenn ich auf “#list” klicke:

 "NetworkError: 404 Not Found - http://mywebsite.com/wp-admin/admin-ajax.php&nonce=7bbd764db8" 

Ich versuchte es mit einer einfachen jQuery Ajax Anfrage und es funktionierte wie ein Zauber. Es scheint, dass es ein Problem mit Fancybox gibt, es ist immer noch nicht in der Lage, die korrekte URL ” admin-ajax.php ” zu finden.

Ich habe auch erfolglos versucht, wp_localize_script() zur function wp_enqueue_script( ) hinzuzufügen, die jQuery Fancybox lädt.

Jede Hilfe würde sehr geschätzt werden.

Solutions Collecting From Web of "Ajax Anfragen von Front-End mit jQuery Fancybox"

&nonce sollte ?nonce . Das ? Beginnt eine Abfragezeichenfolge, trennt & die Argumente innerhalb einer Abfragezeichenfolge.

Ich weiß nicht, ob es das beste Verfahren ist, aber wenn ich das folgende href verwende, funktioniert es:

 href: '../wp-admin/admin-ajax.php?nonce='+ajax_var.nonce