jQueryUI滑块在Wordpress上不起作用

Question

我无法在WordPress上使用jQueryUI滑块。我得到以下HTML结构：

<input type="text" name="TPSP[numberOfPosts]" id="numberOfPosts" value="<?php $args['options']['numberOfPosts']; ?>" />
<div id="NOP_slider"></div>??????????

以及以下jQuery函数：

jQuery(function($) {
    var numberOfPosts = AdminPageOptions.numberOfPosts;
    $( "div#NOP_slider" ).slider({
        value:numberOfPosts,
        min: 0,
        max: 10,
        step: 1,
        slide: function( event, ui ) {
            $( "#numberOfPosts" ).val( ui.value );
        }
    });
    $( "#numberOfPosts" ).val( $( "#NOP_slider" ).slider( "value" ) );
})?

但是Wordpress不会将其显示div#NOP_slider为滑块，因此我无法使用它。我还尝试注销了Wordpress拥有的jQueryUI并注册了从jQueryUI网站下载的自定义版本，但没有任何更改。有没有办法使其正常工作？

提前致谢。