tommy84

Hi,

Ich hoffe das ich mich korreckt an die ANleitung healten habe… Ich gehe wie folgt vor:

in der functions.php des Themes:

function my_draggable_js() {
        wp_enqueue_script( 'jquery-ui-draggable' );
        wp_enqueue_script( 'draggable', plugin_dir_url( __FILE__ ) . 'js/draggable.js', array( 'jquery-ui-draggable' ), false, false );
}
add_action( 'wp_enqueue_scripts', 'my_draggable_js' );

Dann lege ich eine neue Datei in dem Themeordner an:
js/draggable.js

jQuery( document ).ready( function( $ ) {
    // $() will work as an alias for jQuery() inside of this function
    $( '#draggable' ).draggable();
} );

Im Artikel den ich teste steht:

<div></div>
<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>

So funktioniert es leider nicht. In der Konsole sehe ich auch, dass das Skript nicht geladen werden kann.

Ich habe mal ein Plugin nach einem Beispiel zum testen erstellt. Der Inhalt ist:
custom-functions.php

function load_my_custom_scripts_31012017()
{
    wp_enqueue_script( 'my_custom_js', plugins_url( 'custom.js', __FILE__ ), array('jquery') );
}
add_action('wp_enqueue_scripts', 'load_my_custom_scripts_31012017');

custom.js

jQuery(document).ready(function($) {
alert("Aufruf Test"); 
$( "#draggable" ).draggable();
});

Nach dem ich dieses aktiviert habe funktioniert die Funktion.

Danke für die Zeit.

Tommy

• Diese Antwort wurde geändert vor 5 Jahren, 9 Monaten von tommy84.