Question

我不确定绝对的JS错误我的图像没有进入滑块。

我的网站是： - 网址

而不是JS错误

$ is not a function at -

   $(function() {
   $('#design_thumbs a').lightBox();
   });

它在使用JS错误之前正常工作。我唯一做的就是改变了我的主页。

让我知道如何让这项工作尝试jQuery.noConflict();

但没有帮助:(（上面的代码在我的header.php中）。

Answer 1

你试过这种方式：

jQuery(function() {
  jQuery('#design_thumbs a').lightBox();
});

还有几种方法：

jQuery(function($) {
  jQuery('#design_thumbs a').lightBox();
});

也是这个：

(function($) {
  jQuery('#design_thumbs a').lightBox();
})(jQuery);

Answer 2

我认为问题在于<head>中的jquery库可能在<script>执行<body>之后才可能加载。我对脚本加载的顺序有点模糊，但我知道它们在放入<head>时会以串行异步方式加载。对于<body>，我相信它们会在页面中加载内容时同步执行。尝试将脚本移到头部，因为$(function(){})只是$(document).ready(function(){})的快捷方式。

Answer 3

最后我自己找到了解决方案。

我在我的网站THEME FOREST THEME上使用的这个主题，并没有反映任何JS错误，因此没有JS问题。

但是我必须对我主题的common-functions.php文件进行一些更改，这些文件只有主页设置。

代码是 - ＆gt;

if (is_page_template('page-home.php') ) {

评论该行并将其更改为类似的内容 - ＆gt;

//if (is_page_template('page-home.php') ) {
if ( is_page(67) ) {   //change 67 with your page id

同样在header.php修改CSS for nivo滑块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 }; ?>

图像未加载到我的主页滑块Wordpress网站中

3 个答案: