2011-07-29 24 views
1

我有一個<div>包含幾個元素;我已經添加了一個鏈接,用戶可以打開和關閉div容器,並且運行良好。 我想在用戶點擊另一個項目時關閉該容器,所以我想觸發我已經定義的打開/關閉模擬點擊打開/關閉鏈接,但它不運行。Jquery:我如何「開火」一個事件?

html code: 
<div id=container_expand_collapse>Open-close</div> 
<div id=project_div_container> 

    <div class=element>Element1</div> 
    .... 
</div> 

JQuery code: 

$('#container_expand_collapse').toggle(function() { 
     $('#project_div_container').animate({width: 10}); 
    }, function() { 
     $('#project_div_container').animate({width: 120}); 
    } 
); 

$(".element").click(function() { 
    $("#container_expand_collapse").trigger("toggle"); 
} 

如何強制切換事件? 謝謝!

回答

4

更好的辦法

$('#container_expand_collapse, .element').live('click',function() { 
     $('#project_div_container').animate({width: 10}); 
    }, function() { 
     $('#project_div_container').animate({width: 120}); 
    } 
); 
+1

+1確實是更好的辦法 – abhijit

3

要觸發$(".element").click,只是這樣做: $('.element').click()

2

切換()是一個輔助功能。你必須使用click()。

$(".element").click(function() { 
    $("#container_expand_collapse").trigger("click"); 
} 
2

你的代碼是正確的。切換事件實際上是基於「點擊」事件,所以你只需要改變它。

$(".element").click(function() { 
    $("#container_expand_collapse").trigger("click"); 
} 

http://jsfiddle.net/rkw79/Gaz2m/