Question

关于作业我需要一个按钮，当点击它时，插入我写的另一个外部html文件中的内容。如果你愿意的话。我不想使用iframe，所以我卡住了。我真的不知道怎么做，这是我目前的javascript代码：

html：

<div id = "snippet"></div>
<button id = "generate">generate</button>

js：（忽略前3行，这些是其他方法）

document.observe('dom:loaded', function() {
    $('submit').observe('click',alertHSL);
    $('submit1').observe('click',alertRGB);
    $('submit2').observe('click',alertHex);
    $('generate').observe('click',loadSnippet);
});

function loadSnippet() {
    $("#snippet").load("snippet-b.html");
}

但是当我在firefox中运行它（使用firebug进行调试）时，它会一直说$("#snippet").load("snippet-b.html"); is = null。我如何让它工作？

Answer 1

您可以使用等效的get函数尝试相同的方法：

$.get('snippet-b.html', function(data) {
    $('#snippet').html(data);
    alert('Load was performed.');
});

如果这不能让您靠近，可以加载jquery的调试版本并添加断点以查看哪些对象为空。

使用javascript和AJAX将html文件插入我的主html文件中的DIV id

1 个答案: