2012-10-29 44 views
0

這裏是我是如何做到的的jQuery - 添加2個按鈕與父()()之前+ parent.after(),並與.toggle()

//wrap a div arround the table 
$(this).wrap('<div class="table_space"><div class="table_wrapper_div"> 
</div></div>').parent().before('<button class="my_button" > 
EXPANDIR</button>').after('<button class="my_button">EXPANDIR</button>'); 

此=一個非常大的表中使用它們

$('.my_button').toggle(
     function(){ 
      ... blablabla ... 
    }, 
    function(){ 
     ... blabllaba ... 
    } 
); 

但永遠不會觸發的觸發事件......現在,如果我直接在HTML頁面中添加按鈕,然後觸發事件是在這種情況下觸發。 任何幫助都會很好,我也在尋找其他問題,但沒有找到任何線索。 非常感謝

編輯:NB - 包裝給人正是我需要的,並提出table_space和table_wrapper_div

+1

你應該在代碼塊標記中嵌入你的標題,只是一個笑話... –

+1

確保你的包裝是在你切換事件之前創建的,你也可以嘗試使用[.live](http://api.jquery.com/ live()/或[.on](http://api.jquery.com/on/):'$('。my_button')。on(「toggle」,function ....' – SpYk3HH

+0

+1 SpYk3HH I was去寫這個答案;-) –

回答

2

您需要委託在這種情況下,元素被動態地添加到您的HTML之間的按鈕。 ..

內部事件使用click事件..

試試這個辦法

$('body').on('click', '.my_button', function() { 
    $('.my_button').toggle(
      function(){ 
       ... blablabla ... 
      }, 
      function(){ 
       ... blabllaba ... 
      } 
    ); 
}); 
0123相關
+0

對不起...沒有得到你的意思 –

+0

@ danie7LT ..檢查編輯.. –

+0

「內部使用點擊事件關聯事件..」我也這麼想,但不是根據他們[**最新文檔**](http://api.jquery.com/toggle-event/#entry-examples) – SpYk3HH