我不确定我的图像没有出现在滑块中的绝对 JS 错误。
我的网站是:- URL
而不是JS错误
$ is not a function at
--
$(function() {
$('#design_thumbs a').lightBox();
});
它在出现 JS 错误之前可以正常工作。我唯一做的就是改变我的主页。
让我知道我怎样才能使这项工作得到尝试jQuery.noConflict();
但没有帮助:((上面的代码在我的header.php
)。
我不确定我的图像没有出现在滑块中的绝对 JS 错误。
我的网站是:- URL
而不是JS错误
$ is not a function at
--
$(function() {
$('#design_thumbs a').lightBox();
});
它在出现 JS 错误之前可以正常工作。我唯一做的就是改变我的主页。
让我知道我怎样才能使这项工作得到尝试jQuery.noConflict();
但没有帮助:((上面的代码在我的header.php
)。
您是否尝试过这种方式:
jQuery(function() {
jQuery('#design_thumbs a').lightBox();
});
还有几种方法:
jQuery(function($) {
jQuery('#design_thumbs a').lightBox();
});
还有这个:
(function($) {
jQuery('#design_thumbs a').lightBox();
})(jQuery);
我认为问题在于,可能<head>
直到执行之后才加载<script>
中的 jquery 库<body>
。我对脚本加载的顺序有点模糊,但我知道当它们放在<head>
. 至于<body>
,我相信它们会在页面中加载内容时同步执行。尝试将脚本移动到头部,因为$(function(){})
它只是$(document).ready(function(){})
.
最后我自己找到了解决方案。
我在我的网站THEME FOREST THEME上使用的这个主题,没有 JS 错误反映,所以没有 JS 问题。
但是我必须在我的主题文件中进行一些更改,这些common-functions.php
文件只有主页的设置。
代码是->
if (is_page_template('page-home.php') ) {
评论该行并将其更改为这样的内容->
//if (is_page_template('page-home.php') ) {
if ( is_page(67) ) { //change 67 with your page id
同样在header.php
为 nivo 滑块 css 效果修改 CSS-
将此代码更改为您的页面的类似内容
<?php if ( is_page_template('page-home.php')) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/nivo-slider.css"/>
<?php }; ?>
更改为(使用页面 id 代码)
<?php if ( is_page(67)) { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/nivo-slider.css"/>
<?php }; ?>