Internet Explorer JavaScript - 换行符崩溃脚本

时间:2011-02-17 20:55:33

标签: javascript html internet-explorer firefox

我在JavaScript中有一个onclick事件,我选择格式化如下:

        <a href="" onclick = "
        $('.white_content').html('<img src=\'/making.gif\'>');
        $.ajax({
          url: '/show_album.php?id=<?=$album['id']?>',
          type: 'GET',
          success: function(data){
            $('.white_content').html(data);
          },
          error: function(){
            alert('failed');
          }
        });
        return false;">

在FireFox中,这很好,但在Internet Explorer 8中,由于我在新行中放置代码而不是onclick属性,脚本崩溃了。

有谁知道解决此问题的好方法?我仍在使用类似的代码开发此页面和其他人,我希望保持一个干净的布局,而不是在一行上。

如果我检查Internet Explorer开发人员工具中的onclick属性,我会发现每行都被几个奇怪的框分开,我认为这些框代表未知字符,显然在IE中,这会导致错误。

1 个答案:

答案 0 :(得分:1)

执行以下操作:

<script>

function myOnclick() {

        $('.white_content').html('<img src=\'/making.gif\'>');
        $.ajax({
          url: '/show_album.php?id=<?=$album['id']?>',
          type: 'GET',
          success: function(data){
            $('.white_content').html(data);
          },
          error: function(){
            alert('failed');
          }
        });
        return false;
}
</script>
    <a href="" onclick="return myOnclick();">