Schaltfläche 'Schließen' in jQuery UI anzeigen - Dialogfeld mit WP

Question

Ich mache ein Dialogfeld mit jquery ui dialog in WordPress. Das Problem, das ich habe, ist, wenn das Dialogfeld erscheint, die Schließen-Schaltfläche 'X' wird nicht angezeigt. Beispiel wie unten.

Ich habe einige Lektüre zu diesem Thema und es ist aufgrund Konflikt auf bootstrap. Reference on Stackoverflow. Wie möchte ich es auf WordPress implementieren? Hier sind meine Codes auf functions.php, die ich

function add_my_script() {  
    if(is_page('my_custom_page')){ 
    //Tried to deregister bootsrap and it work fine but I need the boostrap as well. 
    //wp_deregister_script('zerif_bootstrap_script'); 
    //Tried to degregister and enqueue back the script to follow the rules base on reference 
    //wp_enqueue_script('zerif_bootstrap_script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', true); 
    wp_enqueue_script('jquery-ui-dialog'); 
    } 

} 

add_action('wp_enqueue_scripts', 'add_my_script'); 

Update-Lösungen gemacht: Ich bin mit Zerif Lite auf mein Thema

Zeit, und es ist auf function.php.

wp_enqueue_script('zerif_bootstrap_script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', false); 

Der Standardwert ist true, die in Fußzeile sein wird. Ich ändere den Wert in false, so dass es in der Kopfzeile genauso platziert wird wie meine jquery-ui-Skripte.

Answer 1

Der Grund, warum dies geschieht, ist, weil Sie bootstrap in anrufen, nachdem Sie jquery-ui in fordern

Swap die beiden, so dass statt.

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script src="js/bootstrap.min.js"></script> 

es

<script src="js/bootstrap.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

wird

danach funktioniert es gut.