2015-10-15 45 views
3

我試圖加載一個小部件在javascript中,一旦加載它就會創建一個HTML表格。 例子:加載外部JavaScript,然後從結果中刪除href屬性

<td class="foo"><a class="bar" href="http://example.com">Example</a></td> 

在表內的鏈接,我想刪除href屬性。 所以結果看起來像這樣

<td class="foo"><a class="bar">Example</a></td> 

我嘗試以下的jQuery:

function myfunction() { 
     $("td a").each(function(){ 
      if($(this).hasClass("bar")){ 
       $(this).removeAttr("href"); 
      } 
     }); 
    }; 

參考:http://www.tutorialrepublic.com/faq/how-to-remove-clickable-behavior-from-a-disabled-link-using-jquery.php

我試了一下還的onload = 「myFunction的()」,但既不工作出。

爲什麼這不起作用?任何輸入都非常感謝!

回答

3

有嘗試:

$(window).load(function(){ 
    myFunction(); 
}) 
+0

非常感謝您的快速品質響應! – bauhausweb

2

的問題,你面對的,內容完整的文檔後負荷增加。您應該使用.on()方法來調用您的函數或運行該腳本。

$(".widget").on("load", function(){ 
    alert("It was loaded/ load your function/write your code here."); 
}); 

請注意,.widget和load是我的假設。您應該更好地使用正確的值,或者在這裏提供您的jsfiddle或代碼來診斷問題是否仍然存在。

+0

也感謝您的回覆。我沒有得到它與_on(「負載」)_工作,但第一個評論已經幫助我解決了這個問題:) – bauhausweb

+0

好吧,但是,無論何時你通過ajax或非整頁加載的方式將新內容加載到文檔中,您將不得不使用.on()或.live()方法。如果你將$(「。widget」)替換爲$(window),那麼即使這個.on方法也沒問題:) – user2505019

+0

這是一個最終結果的Codepen,它很好地工作:[鏈接到Codepen](http:// codepen .io/anon/pen/yYzqwM)但是我當然希望看到_on(「load」)_示例工作,所以請隨便分叉Codepen :) – bauhausweb