Question

我找到了这个脚本，我希望在我的网站上实现。

它完全符合我的要求，但是！我不知道如何进入我的网站？！放JS的地方怎么样？

我需要更改的内容存储在html文件中，但如何使用此脚本将该内容导入我的div？

希望你能理解我的要求，并抱歉我有限/不好的英语！

Answer 1

您可以通过AJAX加载该内容。因此，基于您提供的CodePen示例，您可以执行以下操作：

$('#kittens').click(function() {
    $('div').load('kittens.html');
});

其中kittens.html是您要加载的html文件的网址。

<强>更新

现在您已经发布了指向您网站的链接，我还注意到了一些其他内容：

你还没有包含jQuery。你之间<head></head>标记你应包括<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
您可能希望Resultater | Billeder | Video | Afkom链接加载不同的内容，对吧？然后，你应该使用像这样：

在<script type="text/javascript"></script>：

之间

$('.hesteundertop a[href="#resul"]').click(function(e) {
    $('.hestetekst').load('... Resultater URL ...');
    e.preventDefault();
});

Answer 2

查看链接的源代码，找到<iframe>标签，并且演示html在里面。

Answer 3

尝试这种方法。

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Test</title>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            var kittens = "Kittens";
            var puppies = "puppies";
            var aardvark = "aardvark";
            $('#kittens').click(function(){
                $('div').html(kittens);
                //$('div').load('kittens.html');
            });
        })
    </script>
    <body>
        <ul>
            <li id="kittens"></li>
            <li id="puppies"></li>
            <li id="aardvark"></li>
        </ul>
        <div>Click on the picture for description.</div>
    </body>
</html>

根据链接点击更改DIV中的内容

3 个答案: