Question

我试图在magentogo商店上显示一个滑块，但不知怎的，尽管从滑块的演示示例中复制了所有代码以及css滑块无效。 css设置为none，因为这是滑块的工作方式。但是Jquery没有在loop.js文件中调用滑块代码。我真的被困在这里所以请帮助。我正在使用slidesjs： slidesjs.com

这是网站： https://magoopaddleboards.gostorego.com/#

编辑我认为添加代码会占用太多的位置但是因为我已经在这里得到了两张投票，所以它是：

<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/no.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/jquery.slides.min.js"></script>
<script type="text/javascript" src="https://s51e747ab4fd45.img.gostorego.com/809E82/cdn/media/s5/1e/74/7a/b4/fd/45/designeditor/theme/current/49/js_editor_files/loop_2.js"></script>

如您所见，我包含了所有必需的文件。 loop2_js中的代码是：

$(function() {
      $('#slides').slidesjs({
        width: 920,
        height: 362
      });
    });

这里是幻灯片代码：

<div class="container">
    <div id="slides">
      <img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic3.jpg" alt="">
      <img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic4.jpg" alt="">
      <img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic1.jpg" alt="">
      <img src="http://livedemo00.template-help.com/magento_44989/skin/frontend/default/theme182k/images/slider_pic2.jpg" alt="">
    </div>
  </div>

Answer 1

$('#slides')部分返回null。所以没有滑块脚本应用于任何东西。

你的jQuery中存在冲突。

编辑：loop.js进行以下更改：

$j(function() {
  $j('#slides').slidesjs({
    width: 920,
    height: 362
  });
});

Jquery滑块根本不显示

1 个答案: