Question

正如您可以从标题中收集的那样，我正在使用JQuery的.click函数来处理某人点击导航栏中的链接。

单击链接时，JQuery会将不同html文件的特定部分加载到主页面的内容div中。我提出的代码做了我想要的，但我是JQuery的新手，我想知道如何做到这一点，而不必创建一个变量来保存所有内容。

$(document).ready(function(){
    $('#content').load('bio.html .content'); // fill #content when page loads

    $('#heading a').click(function(){ 
        var x = $(this).attr('href') + " .content"; 
        $('#content').load(x);
        return false; 
    });
});

我试图弄清楚如何做一些像$（'＃content'）的东西.load（$（this.attr（'href'））。content）;.但是，我无法让它正常工作，所以我最终创建了你上面看到的变量，这很好，但我想保持简洁。

任何帮助或建议将不胜感激。

Answer 1

时...

$('#content').load( $(this).attr('href') + " .content" );

......你想做什么？

Answer 2

你需要将字符串与jQuery方法的返回连接起来。

$('#content').load($(this).attr('href') + " .content");

Answer 3

解决方案很好。

可以像这样简化：

$('#content').load($(this).attr('href') + " .content");

然而......这并不意味着你应该这样做。你可以在一行代码中编写一些非常复杂的东西，但是如果之后它不可读，你只是在创造未来的问题。

我不会有任何问题，因为你有它。

使用此关键字的链接的JQuery .click

3 个答案: