javascript - 对 js 文件中的 html 内容执行 javascript

Question

这很让人头疼。

我有一个简单的 js 文件，只包含 html 内容的 document.write() block ，我需要对其执行 jquery。

从正确的 Angular 来看，js 文件包含如下:

<script language="JavaScript" src="http://external-java-file.js"/>

将新闻转储到一批 div 中。问题是，我需要在每个单独的 article-div 上执行 javascript(将其包含到自定义 javascript“scroller”中)。我是否可以先“隐藏”整个新闻 block ，然后按每个 div 添加它它是我的卷轴。基本上我从 js 文件中得到了这个:

<div class="newsContainer">
<div class="newsArticle">bla bla bla</div>
<div class="newsArticle">bla bla bla</div>
<div class="newsArticle">bla bla bla</div>
</div>

因为它都是通过 document.write 来自这个臭烘烘的外部 js 文件，所以我无法使用像这样的单独代码块来访问它:

<script>
$(document).onload(function(){
$("div.newsContainer").css("display","none");
});
</script>

我很确定我已经走到尽头了，但我想看看是否有聪明的头脑有巧妙的解决方案

Answer 1

你想用

$(document).ready(function() {
// .. put code here.
});

这将确保页面和其他 JS 已首先加载。

Firefox 中的 Firebug 控制台是您的好 helper ，因为您将能够在页面上测试您的 jQuery。