使用链接调用将文件插入 div 的 javascript 函数

【问题标题】：Using a link to call a javascript function that inserts a file into a div使用链接调用将文件插入 div 的 javascript 函数
【发布时间】：2012-07-03 22:06:23
【问题描述】：

<script type="text/javascript">

function link(page){
   function (e){
        e.preventDefault();
        $('#content').load(page);
   }
}
</script>

<a href="#" onclick="link(gg.htm)">Link</a>

<div id="content"></div>

我很纠结这个问题——谁能指出问题所在？单击链接时没有任何反应:(

【问题讨论】：

标签： javascript hyperlink load external

【解决方案1】：

将link(gg.htm) 更改为link('gg.htm')

和

function link(page){
   function (e){
        e.preventDefault();
        $('#content').load(page);
   }
}

通过

function link(page){
    window.event.preventDefault();
    $('#content').load(page);
}

【讨论】：

【解决方案2】：

看起来您正在使用 jQuery，那么为什么不使用它们的事件呢？我可能会做这样的事情：

<script type="text/javascript">
$(document).ready(function() {
    $(".load_link").click(function(e) {
        e.preventDefault();
        $("#content").load($(this).data("link"));
    });
});
</script>

<a href="#" data-link="gg.htm" class="load_link">Link</a>

<div id="content"></div>

【讨论】：

OP：你可能想要比$("a")更具体的东西。