Wie fügt man das JQuery UI-Plugin ein, um es in einem Plugin-Formular richtig zu wordpress und enque zu machen?

Ich habe ein grundlegendes Admin-Top-Level-Plugin, das ich geschrieben habe, das ein Untermenü hat, das ein PHP-Formular mit einer Grid-Tabelle antreibt, die aus wp_dbase (aus einer benutzerdefinierten Tabelle “Branches”) besteht.

Meine Installation ist eine saubere WP 3.3.1 auf WAMPServer. In der Header-Datei für die Designs 2010 und 2011 sind nur die Änderungen vor der function wp_head enthalten.

Mein Versuch, JQuery ‘Document.ready’ zu verwenden, tut nichts. Also nehme ich an, dass ich ein Jquery-Setup-Problem habe. Irgendwelche Hinweise / Hilfe würden sehr geschätzt werden. (Ich habe versucht mit JQueryUI Dialog – Modal – Form auch, aber zilch, nada, … Auch das ‘Pop-up div’ zeigt auf der Seite, und nicht ‘Popup’.

Meine Form und Jquery-function darunter.

<form name="Sandwich Baron Branch Maintenance" method="post" action=""> $(document).ready(function(){ alert("We're in Jquery world"); $('#form-wrap').dialog({ autoOpen: false, //FALSE if you open the dialog with, for example, a button click title: 'My Form', modal: true }); });

und hier das # form-wrap div, auf das es verweist

 

All form fields are required.

Solutions Collecting From Web of "Wie fügt man das JQuery UI-Plugin ein, um es in einem Plugin-Formular richtig zu wordpress und enque zu machen?"

Es ist wichtig, dass Sie Ihr Skript mit wp_enqueue_script () einbinden und die Skripte definieren, dort wird Ihr Skript verwendet. WP kontrolliert die Skripte. Ihr Beispiel hat das Problem, dass Ihr div und js diese Last vor dem Laden juiry und ui enthalten. Auch ist es möglich, dass WP Skripte in Footer lädt und dann hast du auch das selbe Problem. Tipp: http://wpengineer.com/2028/small-tips-using-wordpress-and-jquery/

Hier ist der Code

 function my_admin_init() { wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui-core');//enables UI //wp_enqueue_script('jquery-ui-datepicker', $pluginfolder . '/jquery.ui.datepicker.min.js', array('jquery', 'jquery-ui-core') ); wp_enqueue_style('jquery.ui.theme', '/wp-content/themes//js/jquery-ui-1.8.9.custom.css'); } add_action('admin_init', 'my_admin_init'); 

Stellen Sie jedoch sicher, dass Sie die CSS-Datei und alle zugehörigen Bilder (wie jede jQuery UI-Installation) enthalten.

Cheers.Bo