2011-02-17 67 views
-1

我有一個JavaScript onclick事件,我選擇瞭如下格式:互聯網瀏覽器的JavaScript - 換行符崩潰腳本

 <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中,這是導致錯誤的原因。

+0

有什麼特別的原因,你需要有這麼多的JS在線?如果你想把它移出來,你會省去很多麻煩,尤其是因爲你似乎已經在使用jQuery了。 – polarblau 2011-02-17 21:05:06

回答

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();">