2012-11-12 54 views
0

任何人都知道我可以有一個鏈接,當點擊滑過一個div,然後div滑過備份點擊div外的任何地方?jquery在鏈接點擊下滑div時,然後向上滑動當點擊div的外部

Thnx提前。

Scott。

+0

請張貼一些代碼,理想情況下是jsfiddle.net上的問題鏈接,以幫助我們爲您提供幫助。 – boz

+0

@Davo請不要鏈接到W3Schools。那裏的許多信息已經過時和/或不正確。 http://w3fools.com/ – amustill

回答

4

試試這個:

$(".clicker").click(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    // do your worst, i.e. slide down 
    $("div").slideDown("slow"); 
}); 

$(document).click(function() { 
    // slide up 
    $("div").slideUp("slow"); 
}); 

而只是爲了確保股利不受影響之一:

$("div").click(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
}); 
+0

對不起,我很愚蠢,但我如何格式化我的鏈接,它是搜索框的標準鏈接。我是這樣做的:

  • +0

    這取決於你如何格式化的東西,在這個腳本$(「。clicker」)是滑落$(「div」)的鏈接。您可以將它們更改爲任何內容,可以是$(「li a」)或$(「#slider」)。完全取決於你。邏輯保持不變。 –

    +0

    好的,謝謝,所以如果我的鏈接是這樣的:

  • 我會使用$(「。slider」)。click(function(e)is that right?Thanks for your help。 –

    1

    試試這個:

    $(".target").click(function(e) { 
        e.preventDefault(); 
        e.stopPropagation(); 
        $(".class").toggle(); 
    }); 
    
    0

    由弗雷德裏克找到一個很好的答案在Document click not in elements jQuery

    修改了一下,以支持文檔中尚未存在的元素,例如由ajax調用獲取的元素。

    $(document).on('click',function(event) { 
        if (!$(event.target).closest("#selector").length) { 
         if ($('#selector').is(":visible")) 
          $('#selector').slideUp(); 
        } 
    });