jQuery选择菜单

Question

我正在移动一个网站从正常的php到wordpress，目前他们使用插件作为他们的选择菜单。

我试图在wordpress head中添加这个脚本，但没有任何运气。

来自前一个站点的脚本如下所示。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="<?php echo $siteurl; ?>css/custom-theme/jquery-ui-1.8.1.custom.css" type="text/css" /> 
<script type="text/javascript" src="<?php echo $siteurl; ?>js/select-menu.js"></script>
<script type="text/javascript" src="<?php echo $siteurl; ?>js/init.js"></script>

init.js简单地调用该函数并工作。

$(function(){
    $('select#speedC').selectmenu({style:'dropdown'});
});

现在，在Wordpress中，我在我的头上添加了以下内容。

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/custom-theme/jquery-ui-1.8.1.custom.css" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

<?php wp_enqueue_script( 'jquery-ui-core' ); ?>
<?php wp_enqueue_script( 'swfobject' ); ?>
<?php wp_enqueue_script( 'ui-core-select', get_bloginfo('template_directory') . '/js/select-menu.js' ); ?>
<?php wp_enqueue_script( 'jquery-pajinate', get_bloginfo('template_directory') . '/js/jquery.pajinate.js' ); ?>
<?php wp_enqueue_script( 'jquery-ui', get_bloginfo('template_directory') . '/js/jquery-ui.1.7.2.min.js' ); ?>

和我页面上的脚本

<script type="text/javascript">
    $j=jQuery.noConflict();

    // Use jQuery via $j(...)
    $j(document).ready(function(){
        $j('select#speedC').selectmenu({style:'dropdown'});
    });
</script>

你知道它为什么不启动吗？

Answer 1

在做了更多的研究后，我发现现有的库目前没有跟上，也没有很好地使用jQuery。

从现在开始，请参考这个jQuery.ui.selectmenu.js

Answer 2

我知道这是个老生常谈的问题，但是加上这个问题，因为它在谷歌中显得很高，可能会对其他人有所帮助。

大多数jQuery UI组件都包含在WordPress中，但在默认情况下没有排队，您需要用它对它们进行排队。

    wp_enqueue_script( 'jquery-ui-selectmenu' );

在http://jafty.com/blog/tag/how-to-use-jquery-ui-in-wordpress/中有一个有用的包含组件和队列字符串的列表