Jquery不能与wordpress一起工作
jquery not working with wordpress?
脚本其实很简单:
jQuery(document).ready(function()
{
setTimeout( function()
{
jQuery('.menu-header').fadeOut();
}, 2000);
});
和应该显示菜单后,一切加载…而且很有效!但不是wordpress…我也知道,我们应该使用jQuery而不是$。在functions.php中添加jquery:
add_action( 'wp_enqueue_script', 'load_jquery' );
function load_jquery()
{
wp_enqueue_script( 'jquery' );
}
但是这个脚本根本不工作…
有什么建议吗?
我觉得这样读起来更容易…
<?php
function custom_load_jquery() {
?>
<script type="text/javascript">
jQuery(document).ready(function(){
setTimeout(function(){
jQuery('.menu-header').fadeOut(2000);
}
});
</script>
<?php
}
add_action( 'wp_enqueue_script', 'custom_load_jquery' );
?>
和wp_enqueue_script应该是加载jQuery代码的正确位置。我不完全确定"load_jquery"是否已经在使用,最好自定义它。此外,你有淡出功能正确吗?
您的脚本没有以无冲突模式运行。
WordPress中包含的jQuery库设置为noConflict()模式(见wp-includes/js/jquery/jquery.js)。这是为了防止与WordPress的其他JavaScript库的兼容性问题可以链接。在noConflict()模式下,jQuery的全局快捷键$不是可用。
解决方案:
var $j = jQuery;
$j(document).ready(function(){
setTimeout(function(){
$j('.menu-header').fadeOut();}, 2000);
});
工作jsfiddle
http://jsfiddle.net/dy5Mu/如果有人有类似的问题,有解决方案。其他人都说对了。事情是后来添加了jQuery,然后我调用脚本。所以…在footer.php中添加代码就可以了:D
无需修改header或函数,只需在footer.php中添加以下内容:
jQuery(document).ready(function(){
setTimeout(function(){
jQuery('.menu-header').fadeIn();}, 3000);
});
然而,我想对所有试图帮助我的人说声谢谢。这个论坛是最好的,你们都是了不起的!
谢谢!
相关文章:
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- document.title函数可以't设置它与php一起工作
- "此网站似乎使用滚动链接定位效果.这可能不能很好地与异步平移一起工作;
- 非常简单的js测试;Don’不要和Minko一起工作
- 无法使我的文本参数与我的查询一起工作
- 为什么Angularjs验证don't与输入[type=“number”]一起工作
- 无法使vash 0.8.0与express 4.12.3一起工作
- 如何使Angular JS控制器与指令一起工作
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 注入的元素和jQuery脚本.如何让他们一起工作
- 两个独立工作的javascript函数,但不能一起工作
- 角度和砖石一起工作
- Node http-proxy-middleware 不能与本地服务器一起工作
- jQuery脚本不想一起工作
- page.js使examples/hash与hashbang:true一起工作
- javascript使jquery倒计时与UTC时间一起工作
- jQuery.not()选择器无法与类一起工作
- Rails3-可排序列表不能与wysihtml5一起工作
- 替换匹配函数给出了未定义的错误,但它与替换一起工作
- 按钮上的数据加载消息无法与ajax调用一起工作