不理解與jquery ui選項卡的事件代表團

Question

我只是沒有得到與jquery ui選項卡的事件代表團，或根本沒有！

我得到了jquery ui選項卡的代碼，並加載完美的Ajax工作的頁面。但是我無法理解事件委派。我加載了4個帶有外部內容的選項卡，具體取決於打開的選項卡。在這些選項卡中，我希望將相同的小部件附加到輸入按鈕和鏈接。到目前爲止，我的代碼看起來像這樣

JS進行頁面的其餘部分已經裝

$("button, input:submit, a", ".create_button").button(); 
$("a.edit_button").button({ 
     icons: {primary: 'ui-icon-pencil'} 
    }); 
    $("a.delete_button").button({ 
     icons: {primary: 'ui-icon-circle-close'} 
    }); 
    $("a.active_button").button({ 
     icons: {primary: 'ui-icon-lightbulb'} 
    }); 

JS對於標籤：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#tabs").tabs({ 
      ajaxOptions: {error: function(xhr, status, index, anchor) 
             {$(anchor.hash).html("Could not load");}}, 
      selected: 0}) 
     }); 
</script> 

HTML

<div id="tabs"> 
    <ul> 
    <li><a href="ajax_passes/member_id/9">Pass Information</a></li> 
    <li><a href="ajax_entries/member_id/9">Entries</a></li> 
    <li><a href="ajax_event/member_id/9">Event Administration</a></li> 
    <li><a href="ajax_profile/member_id/9">Profile</a></li> 
    </ul> 
</div> 

我在這裏學習了堆棧溢出，我必須將一個click事件附加到live（）的#tabs div上。無論如何，最佳猜測。

但是我找不到任何適合我的例子和對事件委派的有限理解。

任何幫助表示讚賞。 裏克

Answer 1

原來，.live（）只適用於事件。因此，儘管我可以將某些內容綁定到鏈接，但直到鏈接發生事件（即單擊或懸停）纔會真正起作用。

解決方法是將事件動態添加到帶有加載內容的鏈接，但這非常棘手，並且會給應用程序增加很多開銷。相反，我選擇以不同的方式在加載的內容中進行樣式化。在學習這個過程中，我最終使用live（）進行了表單提交，並在提交後重新加載了內容。

謝謝你們的幫助。 RWL。你最終沒有真正回答這個問題，但是你的刺激使我朝着正確的方向發展，並且我學到了很多東西。我最終能夠自己解決問題。你知道，給一個人釣魚或教他釣魚，yadi yadi yadi ...

謝謝！

Answer 2

現在，你有「錯誤」被處理，但沒有別的。你需要處理「成功」或「完整」......實際上，你爲什麼要使用AJAX？你似乎沒有要求從頁面以外的任何數據？

Answer 3

這似乎是關鍵，你的問題是這樣的：

那些我想同樣的部件連接到輸入按鈕和鏈接標籤內。

聽起來像是你要使用的標籤控件的「秀」的方法：

$(document).ready(function() { 
     $("#tabs").tabs({ 
     ajaxOptions: {error: function(xhr, status, index, anchor) 
            {$(anchor.hash).html("Could not load");}}, 
     selected: 0, 
     show: function() { 
     $([selectors for buttons or jQuery UI widgets in your tabs]).button(); 
     } 
    }) 
}); 

FWIW，這個問題是不是真正的event delegation。那篇文章對理解這個概念很有用。