jQuery - IE在显示对话框时出现[object Object]错误

Question

我正在创建一个页面，其中jQuery对话框提供了一些输入，然后javascript显示它们。这适用于：

• Chrome 31
• Opera 18
• Safari 5（这真的很旧，因为我正在使用safari for windows）

但是，它在Internet Explorer 7-11或Firefox 26中不起作用。

DEMO： http://bit.ly/1chhvBN

IE 11中的错误：

任何想法？提前谢谢。

Answer 1

使用 onclick 代替 href 打开对话框。

<a onclick="javascript:$( '#dialog' ).dialog({width: 850, height: 300});" class="add">+</a>

注意：尽量避免使用内联脚本，将JS代码移动到某个函数并调用它。

Answer 2

不使用href属性将事件处理程序绑定到元素。你有jQuery，用它来绑定事件。

<div id="favorites">
    <a href="#" class="add">+</a>
</div>

然后，只需：

$('#favorites a').click(function(e){
    e.preventDefault();
    $( '#dialog' ).dialog({width: 850, height: 300});
});

使用addToFavorites按钮执行相同操作。

<a href="#" class="addToFavorites button" style="width: 150px;">Add to My Favorites</a>

然后做：

$('.addToFavorites').click(function(e){
    e.preventDefault();
    addToFavorites();
});

以下是演示：http://jsfiddle.net/aRpcL/3/