1

我正在尝试将一些带有 javascript 和 jQuery 的 html 代码添加到一个没有 id 但有一个类的 div 中

我正在尝试像这样完成它，但没有成功......

飞行.js：

$(".myClassName").ready(function(){
    $(this).innerHTML = "<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>";
});

我正在用这个 html 代码加载 .js 文件

.html 文件：

<div class="myClassName">
</div>
<script>
(function()
{
    if (window['ImportFlag'] == undefined || window['ImportFlag'] == void 0) {
        var myScript = document.createElement('script');
        myScript.type = 'text/javascript';
        myScript.src = 'file.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(myScript, s);}
    window['ImportFlag'] = 1;
})();
</script>
4

4 回答 4

2 
$(document).ready(function(){ 
    $(".myClassName").html("<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>"); 
});
于 2012-09-24T09:53:16.447 回答
2

你可以试试这样

<div class="myClassName">
</div>
<script type="text/javascript" src="file.js">
</script>​

文件.js

$(document).ready(function(){
    $('.myClassName').html("<img src=\"http://mywebsite.com/img.png\" /> <span>some text</span>");
});​
于 2012-09-24T09:58:32.897 回答
0

您应该首先确保在加载 file.js 之前加载 jQuery。然后你应该使用 jQuery 的函数来设置 div 内部 HTML。

这是一个极简主义的例子：

<html>
<head></head>
<body>
<div class="myClassName">
</div>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script>
(function()
{
    if (window['ImportFlag'] == undefined || window['ImportFlag'] == void 0) {
        var myScript = document.createElement('script');
        myScript.type = 'text/javascript';
        myScript.src = 'file.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(myScript, s);}
    window['ImportFlag'] = 1;
})();
</script>
</body>
</html>

然后， file.js ：

$(document).ready(function(){ 
    $(".myClassName").html("... <span>some text</span>"); 
});
于 2012-09-24T10:04:58.590 回答
0

jQueryready()函数应该在对象上调用，document而不是在元素上调用。它调用了一个 DOM-ready 处理程序，并且可以使用以下语法（来自官方文档）调用：

$(document).ready(handler)

$().ready(handler) （不建议这样做）

$(handler)

Matei Mihai 和 muthu 的答案在这里向您展示了这如何适用于您的示例。

于 2012-09-24T10:06:50.427 回答