WordPress 관리 페이지에 jQuery UI 정렬 가능 포함

WordPress 관리 페이지에 jQuery UI 정렬 가능 포함

플러그인 작업을 하고 있는데 jQuery UI Sortable을 사용하려고 하는데 문제가 생겼습니다.Codex에서와 같이 지시사항을 따랐지만 문제가 남아있습니다.jQuery UI 정렬 테이블이 작동하지 않으며 Firebug가 말합니다.TypeError: jQuery(...).sortable is not a function.

워드프레스 3.6에서 실행 중이며 코드는 다음과 같습니다.

<?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
}

두 가지 사실이 있습니다.

$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');

그리고 항상 jQuery를 실행해야 합니다.

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

그녀는 워드프레스에서 정렬 가능한 테이블을 만드는 단순한 tut입니다.

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

백엔드는 이거 한번 해보세요.

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

플러그인을 모두 사용하지 않도록 설정한 후 다시 시도합니다.비슷한 문제가 있었는데 그 문제가 플러그인 중 하나에 있다는 것을 발견했습니다.

언급URL : https://stackoverflow.com/questions/19508860/including-jquery-ui-sortable-in-wordpress-admin-page