java腳本onclick（）函數不叫

我有一個搜索頁面，需要時間來加載提交結果。所以我決定展示一個loading.gif來保持用戶在加載時的娛樂性。下面是javascript函數，jsp上的div元素和對javascript函數的調用。java腳本onclick（）函數不叫

function goodbye(){ 
console.log(); 
var pb = document.getElementById("loading"); 
pb.innerHTML = '<img src= "images/loadingAnimation.gif" />'; 
pb.style.display = 'block'; 
return true; 
}

格

<div id="loading" style="position:absolute; width:100%; text-align:20%; top:100px; height: auto; left: 500px;"></div>

電話JS

<td><html:submit property="method" value="Submit" 
        onclick="return goodbye();" styleClass="btn2" /></td>

我連得「LOG：」在控制檯上。和所有的Java腳本是在腳本標籤之間的同一頁上，而不是在一個單獨的.js文件中。

編輯：我在body標籤和form標籤之間有div標籤。

來源

2013-10-30 DJR

檢查圖像的相對路徑從JSP的位置確實是正確的。 –

我認爲CSS是錯誤的或您的圖像不存在。如果你在Firebug中檢查它會發生什麼？你看到控制檯中的錯誤嗎？ –

我沒有看到任何錯誤。該圖像實際上存在於我的圖像文件夾中，並且其路徑正確。如果我在IE開發人員工具中調試它，並且一步一步地顯示圖像。並且所有連續的跑步都會顯示圖像。但是，如果我清除緩存並正常運行而無需在IE開發工具中進行調試，則圖像永遠不會顯示。 – DJR

-1

與onclick="goodbye()"

來源

2013-10-30 16:34:02 Savv

這並不能解決問題。 –

我沒有嘗試過，沒有改變。 – DJR

更換onclick="return goodbye();"我已經試過你的代碼，它是爲我工作.. enter image description here

function goodbye() { 
     console.log(); 
     var pb = document.getElementById("loading"); 
     pb.innerHTML = '<img src= "../images/loading.gif" />'; 
     pb.style.display = 'block'; 
     return true; 
    }

我已經注意到是，DIV的位置是位置：絕對是造成問題，因爲你的div將被放置到相對於你父母的div。它可能被放置在比你期望的地方更遠的地方。

我給了邊界調試。你可以試試這個。

<div id="loading" style="width: 100%; border:2px solid black"></div>

來源

2013-10-30 17:19:48

它爲我工作時，我將img標籤移動到div。

<div id="loading" style="display:none; position:absolute; width:100%; text-align:20%; top:100px; height: auto; left: 400px;"> 
<img src= "images/load.gif" /></div>

但是，感謝大家的努力。

來源

2013-11-01 17:58:08 DJR

java腳本onclick（）函數不叫

回答

相關問題