Question

我创建了这个脚本：

  <script>function txtload () {$(".divbody").load("maintxt/information1.txt");}</script>

我正在使用这样的链接：

<a href="#" onclick="ChangeImage(), txtload ()">Information 1</a>

我需要更改脚本以创建多个href，为每个链接加载不同的文本：

<a href="#" onclick="ChangeImage(), txtload ()">Information 1</a>
<a href="#" onclick="ChangeImage(), txtload ()">Information 2</a>
<a href="#" onclick="ChangeImage(), txtload ()">Information 3</a>
<a href="#" onclick="ChangeImage(), txtload ()">Information 4</a>

你能帮忙吗？我尝试从脚本中删除“”并将其放入href本身......不知道我在做什么......

认为这应该有效。请给我你的意见：

<script>function txtload () {$(".divbody").load("maintxt/" + filename);}</script>

<a href="#" onclick="ChangeImage(), txtload ("information1.txt")">Information 1</a>

谢谢！

Answer 1

您可以使用参数

<script>
    function txtload ( url ) {
        $(".divbody").load( url );
    }
</script>

然后在你的HTML中：

<a href="#" onclick="txtload('url to your text file')">Information 1</a>

或者如果你真的想要它在你的人力资源中使用：

<a href="your url" onclick="txtload(this.href); return false;">Information 1</a>

在您的代码中也是一个函数ChangeImage，您没有在任何地方解释过。我在我的例子中忽略了它。

另一种实际上更好的方法是这个脚本：

$("a.some_class_for_these_links").on("click", function (e) {
    e.preventDefault();
    $(".divbody").load( this.href );
});

然后这个HTML

<a href="your url" class="some_class_for_these_links">Information 1</a>

Answer 2

如果您打算使用jQuery，那么使用onclick的内联脚本是没有意义的;

为链接指定一个公共类，您可以使用href指定要加载的文件。

<a href="maintxt/information1.txt" class="load_link">Information 1</a>

然后在jQuery中：

$(function(){

   $('.load_link').click(function(){
       ChangeImage();
       /* "this" is actual link clicked*/
       $(".divbody").load(this.href);
        /* prevent browser opening new page*/
        return false;

  })
})

如果用户已禁用javascript，他们仍然可以访问数据，因为它位于href中，点击链接将允许他们查看文本文件。搜索引擎机器人也是如此

使用Jquery将文本文件加载到Div中

2 个答案: