IE 7 无法将事件（使用 .live()）绑定到使用 .load() 动态创建的元素

Question

我无法让 IE7 将单击事件绑定到使用 .load() 添加到 DOM 的元素。这是一些代码：

$('.mybtn').live('click', function(e){
    e.preventDefault();
    $('#mypage').load('load-this-page.htm');
});

这是 html

<div id="mypage">
   <a href="#" class="mybtn">clickme</a>
   // stuff goes here
</div>

在页面加载时，单击可以工作，但是一旦通过 clickme 链接加载了 div，单击就在 IE7 中停止工作。 clickme 链接位于加载时的 div 内，也在 load() 加载的 html 文件内，这就是我使用 live() 的原因。

仅供参考，此代码适用于 FF 3.6。

任何人都知道发生了什么（除了 IE 很糟糕这一事实）？谢谢！

编辑：这是加载到 div 中的内容

<ul>
    <li>
        <a href="02-01-2010" id="prev-month" class="mybtn"></a>
    </li>
    <li>
        <h3>March 2010</h3>
    </li>
    <li>
        <a href="04-01-2010" id="next-month" class="mybtn"></a>
    </li>
</ul>

<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>

Answer 1

试试这个：

var fn = function(e) {

    e.preventDefault();
    $('#mypage')
        .load('load-this-page.htm')
        .find('.mybtn')
        .click(fn);
};

$('.mybtn').live('click', fn);

Answer 2

试试这个：

$('#mypage').load('load-this-page.htm #DivOrWrapper');

Answer 3

从API文档中，您正在加载的页面（“load-this-page.htm” ) 不能是完整的 HTML 文档，即不能包含 、

Answer 4

这可能是由于IE浏览器的限制造成的。以下是 jQuery 文档的引用：

由于浏览器安全限制，大多数“Ajax”请求都受到 同源政策；该请求无法成功从不同的域、子域或协议检索数据。

这意味着您无法执行 $load:

• From https://mydomain.com 到 http://mydomain.com
• 来自 http://mydomain.com 到 http:// /www.mydomain.com
• 从 http://mydomain.com 到 http://mydomain.se