如何禁用div中的JavaScript？

Question

我的JavaScript出現問題，我不確定如何處理。

所以我正在使用此腳本：

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {

        $('nav a').click(function(){
        $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
        }, 700);
        return false;
        });
    });

該腳本正在頁面上平滑滾動，我認為這真的很酷，所以我不想刪除它。

但是我的問題是，頁面上也有一個簡單的圖庫滑塊，但是JavaScript會影響該圖庫滑塊。 單擊href中的鏈接時，它將滾動到頂部。 圖庫滑塊的代碼是：

            <div id="images">
                <img id="billede1" src="http://i.imgur.com/dL3io.jpg" />
                <img id="billede2" src="http://i.imgur.com/qASVX.jpg" />
                <img id="billede3" src="http://i.imgur.com/fLuHO.jpg" />
                <img id="billede4" src="http://i.imgur.com/5Sd3Q.jpg" />
            </div>
            <div id="slider">
                <a href="#billede1">1</a>
                <a href="#billede2">2</a>
                <a href="#billede3">3</a>
                <a href="#billede4">4</a>
            </div>  

事實是，我真的很喜歡簡單的代碼，並且我試圖做得更好，所以我不想使用一些我不理解的高級代碼。

是否可以通過某種方式禁用JavaScript以使其無法在div中使用？ 或者也許將其稱為“ href”以外的其他東西？

我認為我的“ href”是問題所在。

所以..這是擺在小提琴： http : //jsfiddle.net/62dsqLff/ ，您可以看到問題。

真的感謝。 我很感激 ：-）

Answer 1

讓我在這個演示中為您共享一個小提琴JSFIDDLE ，為您的導航欄錨標簽提供了一個名為.nav新類。 然后，如下所示重寫腳本。

 $('a.nav').click(function () {
     alert( $($(this).attr('href')).offset().top);
     $('html, body').animate({
         scrollTop: $($(this).attr('href')).offset().top
     }, 700);
     // return false;
 });

Answer 2

為該錨點使用ID，而不要使用會在您的nav元素內部的任何內容上觸發的模糊“ nav a”。
如果將a用作按鈕，也請防止執行默認操作。

創建“返回頂部”腳本的正確方法是定位按鈕。 代替nav a ，創建一個按鈕，為其指定一個ID，然后定位該ID。