加载外部文本到空 div

Question

我正在尝试使用 jquery 将外部文本加载到空的 div 中。所以，当点击不同的链接时，下面应该会出现不同的文字。这应该像一个指向不同页面的锚链接一样，而是填充空的 div（在同一页面上）。我有一个演示页面，但是当单击链接时，它会加载所有外部文本而不是所选的“ID”文本。我搜索了很多，找不到类似的例子，我的 javascript 知识显然不足以解决这个问题，所以我很感激你能提供的任何帮助。谢谢！

这是我的演示页面： https://www.movingpixelsdesign.com/test/Load-start-4.html

这是我的剧本：

    $('.link-clk').click(function(e) {
        e.preventDefault();
        var contentLink = $(this).attr('href');
        $('#show-text').load( contentLink, function(){          
        });
    });

Answer 1

这已经解决了。事实证明，这不是脚本……在“href”中，URL 和 ID 之间需要有一个空格：(href="text.html #food-safe")。