Question

我想在我的网站上实现一个精彩的评论插件。它可以在https://github.com/Viima/jquery-comments找到。

但是当我尝试实现它时，我很难得到任何东西（第一次使用插件）。任何建议都会很棒。以下是我的代码。（我会提供一个JSFiddle但是外部资源需要以“https ...”开头的链接，而我的开头是“http ...”）

HTML

<!doctype html>
<html>
    <head>
        <meta name=description content="">
        <meta name=viewport content="width=device-width, initial-scale=1">

        <link rel="stylesheet" type="text/css" href="http://**MYURL**.net/jquery-comments.css">
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
        <script type="text/javascript" src="http://**MYURL**.net/jquery-comments.js"></script>
    </head>

    <body>
        <div id="comments-container"></div>
        <script type="text/javascript">
        $('#comments-container').comments({
        getComments: function(success, error) {
            var commentsArray = [{
                id: 1,
                created: '2015-10-01',
                content: 'Lorem ipsum dolort sit amet',
                fullname: 'Simon Powell',
                upvote_count: 2,
                user_has_upvoted: false
            }];
            success(commentsArray);
        }
        });
        </script>
    </body>
</html>

Answer 1

您输入的代码的以下部分存在一些问题。

<script rel="text/javascript" href="http://**MYURL**.net/jquery-comments.js"></script>

您使用rel="text/javascript"和href="http://**MYURL**.net/jquery-comments.js"代替type="text/javascript"和src="http://**MYURL**.net/jquery-comments.js"

最终，您应该使用以下代码替换上述代码块：

<script type="text/javascript" src="http://**MYURL**.net/jquery-comments.js"></script>

脚本标记使用类型属性来指示被调用的文档类型（根据最新的Javascript标准，这不再是一个好的做法）。另外，为了在脚本标记内加载Javascript文件，您必须使用 src 属性而不是 href 。

将您的代码与以下代码进行比较：https://github.com/Viima/jquery-comments#quick-start

jQuery-comments插件没有运行

1 个答案: