0

我创建了这个脚本：

  <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>

谢谢！

4

2 回答 2

0

你可以使用一个参数

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

然后在你的 html 中：

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

或者，如果您真的希望在您的 href 中使用它：

<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>
于 2013-01-13T22:54:09.823 回答
0

如果你打算使用 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并且单击链接将允许他们查看文本文件。搜索引擎机器人也是如此

于 2013-01-13T22:56:45.243 回答