jQuery-评论插件不是 运行
jQuery-comments plugin not running
我想在我的网站上安装一个很棒的评论插件。可以在这里找到 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>
您输入的以下部分代码存在一些问题。
<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
我想在我的网站上安装一个很棒的评论插件。可以在这里找到 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>
您输入的以下部分代码存在一些问题。
<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