我正在将网站从普通的php迁移到wordpress, 目前他们将jquery-selectmenu插件用于其选择菜单。
我试图将脚本排入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="http://www.srcmini.com/<
?php echo $siteurl;
?>
css/custom-theme/jquery-ui-1.8.1.custom.css" type="text/css" />
<
script type="text/javascript" src="http://www.srcmini.com/<
?php echo $siteurl;
?>
js/select-menu.js">
<
/script>
<
script type="text/javascript" src="http://www.srcmini.com/<
?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="http://www.srcmini.com/<
?php bloginfo('template_url' );
?>
/custom-theme/jquery-ui-1.8.1.custom.css" />
<
link rel="pingback" href="http://www.srcmini.com/<
?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' );
?>
【jQuery selectmenu选择菜单插件】还有我页面中的脚本
<
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
#2我知道这是一个古老的问题, 但请添加此问题, 因为它在Google中显得很重要, 可能会帮助其他人。
大部分jQuery UI组件都包含在WordPress中, 但默认情况下不排队, 你需要为此排队。
wp_enqueue_script( 'jquery-ui-selectmenu' );
在http://jafty.com/blog/tag/how-to-use-jquery-ui-in-wordpress/中有一个包含组件和入队字符串的有用列表。
推荐阅读
- jQuery的.load()函数和WordPress
- WordPress主题内的jQuery可滚动
- 我想使下拉菜单和移动菜单透明,我使用了一个名为simple的主题。
- 简单分析实现运维利器---webssh终端libl
- LINUX随笔六 FTP端口限制和ftpsftp脚本连接
- 实现基于MYSQL验证的vsftpd虚拟用户功能
- 智慧军营设施设备健康管理系统
- linux之history使用技巧
- ADSelfSecive Plus如何对AD域用户密码进行安全管理()