smoothdivscroll.com jquery滑块不工作

我想使用在本网站上找到的jquery，但无法找到它不工作的原因my site。我是一名设计师，而不是开发人员。smoothdivscroll.com jquery滑块不工作

我有以下代码：

<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>

来源

2016-02-11 Steve

有你的问题的解决，

你忘了你的jquery.min.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文件链接忘记您的正确的项目路径写入这些JS文件。

的另一个问题是，你忘了在以下路径上传文件名layers.framework.js：

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

来源

2016-02-11 12:13:47 saadeez

感谢@saadeez替换所有$符号。我遵循你的建议，并确保所有的js文件都在那里，但现在滑块消失了。看不到原因。 – Steve

@Steve - 同时尝试添加smoothdivscroll的CSS文件名“smoothDivScroll.css”并将此CSS文件链接到您的Head标签上。 – saadeez

谢谢@sadeez。做到了，现在滑块已经消失。 :( – Steve

你忘记关闭}）;请检查下面的代码

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

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

来源

2016-02-11 12:12:34

使用jQuery –

smoothdivscroll.com jquery滑块不工作

回答

相关问题