从外部文件内使用外部文件替换外部文件

Question

我有一个文件，说'file1.html'，通过jQuery加载到一个div $('#info').load('info/file1.html');我想改变文件内的#info内容1这样的file1.html看起来像这样：

<a href="#" onclick="loadFile(this.value);" value="file2">File2</a> 

其中

function loadFile(f) { 
    $('#info').load('info/'+f+'.html'); 
} 

不过，我只在点击后的DIV得到一个空白页。我也尝试删除'info/'，如果文件夹设置破坏它，但没有。怎么了？

Answer 1

问题是锚标记dom对象（HTMLAnchorElement）没有设置“value”属性。要获取dom对象所代表的定位标记的值属性，您可以执行$(this).attr('value')（而不是this.value，这将只是未定义的）。

但是真的，你应该使用id/class和jquery附加你的事件，而不是使用onclick属性。您应该调用您的锚定属性data-value而不是value，以符合自定义属性上的HTML5规范。所以更好的方式来做到这一点是：

HTML：

<a href="#" id="file-loader" data-value="file2">File2</a> 

的Javascript：

$('#file-loader').click(function(ev) { 
    $('#info').load('info/' + $(this).attr('data-value') + '.html'); 
    ev.preventDefault(); 
}); 

Answer 2

用途：

<a href="#" onclick="loadFile('file2');">File2</a>