Question

我想使用在此网站上找到的jquery，但找不到它在my site上无效的原因。我是设计师，而不是开发人员。

我有以下代码：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript"> $(document).ready(function () { $("#makeMeScrollable").smoothDivScroll({ mousewheelScrolling: "allDirections", manualContinuousScrolling: true, autoScrollingMode: "onStart" }); }); </script> 
</head>

<div id="makeMeScrollable">
  <div class="scrollingHotSpotLeft" style="display: block; opacity: 0;"></div>
  <div class="scrollingHotSpotRight" style="opacity: 0;"></div>
  <div class="scrollWrapper">
    <div class="scrollableArea" style="width: 3784px;">
      <img src="http://test.doig.com.au/meyer/wp-content/uploads/2016/02/lenders-01.jpg" alt="Accreditations" id="Accreditations1" /><img src="http://test.doig.com.au/meyer/wp-content/uploads/2016/02/lenders-02.jpg" alt="Accreditations" id="Accreditations2" /><img src="http://test.doig.com.au/meyer/wp-content/uploads/2016/02/lenders-03.jpg" alt="Accreditations" id="Accreditations3" /><img src="http://test.doig.com.au/meyer/wp-content/uploads/2016/02/lenders-04.jpg" alt="Accreditations" id="Accreditations4" /></div>
  </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            mousewheelScrolling: "allDirections",
            manualContinuousScrolling: true,
            autoScrollingMode: "onStart"
        });
    });
</script>

Answer 1

解决了你的问题，

您忘记在jquery.min.js

之后链接其他js文件

   <script src="js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="js/jquery.kinetic.min.js" type="text/javascript"></script>

<!-- Smooth Div Scroll 1.3 minified-->
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

别忘了写这些js文件的正确项目路径。

另一个问题是您忘记在以下路径中上传文件名layers.framework.js：

wp-content/themes/layerswp/assets/js/layers.framework.js

Answer 2

你忘了关闭}）;请检查以下代码

 <script>
  // <![CDATA[
  $('#Submitgo').on('click', function () { var url =  $('#dynamic_select').val(); window.location = url; alert(url); 

  });
  // ]]>;
 </script>

smoothdivscroll.com jquery滑块无法正常工作

2 个答案: