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滑塊不工作

回答

相關問題