Einschließlich jQuery UI Sortable auf der WordPress-Administrationsseite

Lesezeit: 2 Minuten

Benutzer-Avatar
Bloorchi

Ich arbeite an einem Plugin und bin auf ein Problem gestoßen, bei dem ich versuchte, die sortierbare jQuery-Benutzeroberfläche zu verwenden. Ich habe die Anweisung wie in befolgt Kodex aber Problem blieb. Die sortierbare jQuery-UI funktioniert nicht und Firebug sagt TypeError: jQuery(...).sortable is not a function.

Ich laufe auf WordPress 3.6 und der Code ist:

<?php
/*
Plugin Name: Name
Description: Description
Version: 0.1
Author: Bloorchi
*/

add_action( 'admin_menu', 'my_plugin_admin_menu' );

function my_plugin_admin_menu() {
    add_action('admin_print_scripts-' . $page_hook_suffix, 'my_plugin_admin_scripts');
    $page_hook_suffix = add_submenu_page( 'edit.php', 'My Plugin', 'My Plugin', 'manage_options', 'my_plugin-options', 'my_plugin_manage_menu' );
}

function my_plugin_admin_scripts() {
    wp_enqueue_script( 'jquery-ui-sortable' );
}

function my_plugin_manage_menu() {
?>
<table id="test">
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>  
    <tbody>    
</table>
<script>
    jQuery('table#test tbody').sortable();
</script>
<?php
}

Zwei Dinge, Sie haben dies invertiert:

$suffix = add_submenu_page( 
    'edit.php', 
    'My Plugin', 
    'My Plugin', 
    'manage_options', 
    'my_plugin-options', 
    'my_plugin_manage_menu' 
);
add_action( "admin_print_scripts-$suffix", 'my_plugin_admin_scripts');

Und Sie müssen jQuery immer so ausführen:

<script type="text/javascript">
jQuery(document).ready( function($) {
    $('table#test tbody').sortable();
});
</script>

  • Ich habe Ihren genauen Code mit diesen Mods getestet und funktioniert ok: pastebin.com/mXFSR9Bn

    – Brasilo

    22. Oktober 2013 um 13:02 Uhr

  • Persönlich mache ich es so, um ein paar zusätzliche Tastenanschläge zu vermeiden: var $ = jQuery;

    – Katzendachs

    9. Mai um 21:30 Uhr

her ist ein einfaches Tut zum Erstellen einer sortierbaren Tabelle auf WordPress.

http://kvcodes.com/2013/12/create-sortable-tables-in-wordpress-front-end/

und für das Backend versuchen Sie es mit diesem.

http://kvcodes.com/2014/02/sortable-data-table-wordpress-frontback-end/

Versuchen Sie, alle Ihre Plugins zu deaktivieren, und versuchen Sie es erneut. Ich hatte ein ähnliches Problem und stellte fest, dass das Problem in einem der Plugins lag

1371320cookie-checkEinschließlich jQuery UI Sortable auf der WordPress-Administrationsseite

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy