【问题标题】:jQuery-comments plugin not runningjQuery-comments 插件没有运行
【发布时间】:2016-08-22 20:17:23
【问题描述】:

我想在我的网站上实现一个出色的 cmets 插件。可以在这里找到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>

【问题讨论】:

    标签: jquery html jquery-plugins


    【解决方案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>
    

    Script 标签使用 type 属性来指示被调用的文档的类型(根据最新的 Javascript 标准,这不再是一个真正的好习惯) .此外,为了在脚本标签中加载 Javascript 文件,您必须使用 src 属性而不是 href

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

    【讨论】:

    • 解决了!谢谢你。除了新的 javascript 标准的“类型”之外,还有哪些其他属性更适合使用?
    • 很高兴它解决了您的问题。 HTML5 足够聪明,可以理解当您将脚本指向特定源时会加载哪种脚本。这就是为什么你可以省略type="text/javascript"
    • 好的,很好。再次感谢
    猜你喜欢
    • 2018-07-30
    • 2023-02-06
    • 2013-10-01
    • 1970-01-01
    • 2013-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-16
    相关资源
    最近更新 更多