2010-11-22 58 views
0

我正在將網站從普通的php移動到wordpress,目前他們使用jquery-selectmenu插件來選擇他們的菜單。jQuery selectmenu wordpress

我試圖在wordpress頭中用腳本排除腳本,但沒有運氣。

上一個站點的腳本如下所示。

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

任何想法的腳本爲什麼不啓動?

回答

1

在做了一些更多的研究之後,我發現現有的庫目前並不保持最新狀態,並且不能很好地與jQuery一起玩。

從現在開始,請參考這一個jQuery.ui.selectmenu.js

+0

請注意,是一個即將推出的正式版:https://github.com/jquery/jquery-ui/tree/selectmenu – fnagel 2013-11-11 10:10:38

+0

的'jQuery的UI,selectmenu'在Wordpress中目前是1.11.4,這是一個較新的版本。在Wordpress中必須有一些其他的原因。你鏈接的那個幾年之後還沒有更新。 – NoBugs 2016-01-28 04:49:58