，彈出的DOM元素的jQuery操縱

Question

我創建一個彈出如下：

var comet = { 

     popup: null, 

     newPopup: function(windowsname, w, h){ 
      this.popup = window.open(windowsname, windowsname, 'width=' + w + ',height=' + h); 
      var self = comet; 
      var logOut= null; 
      $(this.popup.document).ready(function(){ 
       logOut = self.popup.document.getElementById('logout'); 
       console.log(logOut); 
       $(logOut).live('click', function(){ 
        alert('HELLO'); 
        return false; 
       }) 
      }) 
     }, 

     some_function: function(){ 
      //calling it here: 
      this.newPopup('index.php',1120,550); 
     } 
    } 

的logOut有時（通常是開放的第一窗口）返回null。此外，點擊處理程序永遠不會通過，並且原始點擊處理程序運行。

如何覆蓋彈出窗口的實際點擊處理程序？
這兩個網頁上我的網站，所以應該不存在跨站點的問題..

這裏是一個小提琴，顯示了一點什麼，我試圖做的：http://jsfiddle.net/maniator/K2B3q/

Answer 1

測試，在Firefox 4個工作和Chrome 11. Check it out.

$(function() 
{ 
    var comet = 
    { 
     popup: null, 
     newPopup: function(url, w, h) 
     { 
      this.popup = window.open(url, url, 'width=' + w + ',height=' + h); 
      var self = this; 

      this.popup.onload = function() 
      { 
       var doc = this.document, 
        script = doc.createElement('script'); 
       script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'; 
       script.onload = function() 
       { 
        function setup() 
        { 
         $('#logout').click(function() { alert('It worked!'); }); 
        } 

        script = doc.createElement('script'); 
        script.textContent = "(" + setup.toString() + ")();"; 
        doc.body.appendChild(script); 
       }; 

       doc.head.appendChild(script); 
      }; 
     }, 

     foo: function() 
     { 
      this.newPopup('http://jsbin.com/amuza3/2', 600, 400); 
     } 
    }; 

    $('#clickme').click(function() 
    { 
     comet.foo(); 
    }); 
});