2013-02-08 50 views
0

我嘗試寫的代碼peice的將掛接到這一點:勾成的jQuery .live功能

var builder_blvd = { 

    // Enter into editing a layout 
    edit : function (name, page) 
    { 
     // Get the ID from the beginning 
     var page = page.split('[(=>)]'); 

     // Prepare the edit tab 
     $('#builder_blvd .nav-tab-wrapper a.nav-edit-builder').text(themeblvd.edit_layout+': '+name).addClass(page[0]+'-edit'); 
     $('#builder_blvd #edit_layout .ajax-mitt').html(page[1]); 

     // Setup hints 
     $('.sortable:not(:has(div))').addClass('empty'); 
     $('.sortable:has(div)').removeClass('empty'); 

     // Setup sortables 
     $('.sortable').sortable({ 
      handle: '.widget-name', 
      connectWith: '.sortable' 
     }); 

     // Sortable binded events 
     $('.sortable').bind('sortreceive', function(event, ui) { 
      $('.sortable:not(:has(div))').addClass('empty'); 
      $('.sortable:has(div)').removeClass('empty'); 
     }); 

     // Setup widgets 
     $('#builder_blvd .widget').themeblvd('widgets'); 

     // Setup options 
     $('#builder_blvd').themeblvd('options', 'setup'); 

     // Take us to the tab 
     $('#builder_blvd .nav-tab-wrapper a').removeClass('nav-tab-active'); 
     $('#builder_blvd .nav-tab-wrapper a.nav-edit-builder').show().addClass('nav-tab-active'); 
     $('#builder_blvd .group').hide(); 
     $('#builder_blvd .group:last').fadeIn(); 

    } 

}; 

我想掛接到$(「#builder_blvd #edit_layout阿賈克斯-手套」)。 HTML(頁面[1]);觸發一段代碼,每當它發佈時,該代碼就會從中刪除一個DOM元素。上面的代碼來自父主題,如果可能,我寧願保持原樣。

這裏就是我試圖得到這個工作:

jQuery(document).ready(function($) { 
    $('#builder_blvd #edit_layout .ajax-mitt').bind('change', function(event, ui) { 
     $('#edit_builder #titlediv').remove(); 
    }); 
}); 

任何想法如何解決這一問題?

+0

幾個有前途的事google搜索「jQuery的事件,當我發現HTML更改「:http://stackoverflow.com/questions/1091661/detect-element-content-changes-with-jquery和http://stackoverflow.com/questions/3722639/jquery-event-for-html-change- in-a-div-element – Chad 2013-02-08 20:57:48

+1

'#builder_blvd''#edit_layout'和'.ajax-mitt'是什麼類型的元素?因爲'change'只會觸發'input','textarea'和'select'元素。 – 2013-02-08 20:58:22

+0

他們是divs,所以我想改變事件不會工作 – spyke01 2013-02-08 21:40:21

回答

0

您可以覆蓋原來的對象,並訪問舊功能:)所以沒有必要「掛鉤」成html的代碼

var builder_blvd_edit = builder_blvd.edit; 
builder_blvd.edit = function (name, page){ 
    builder_blvd_edit(name, page); 
    $('#edit_builder #titlediv').remove(); 
}