2016-08-22 26 views
1

我想在我的网站上实现一个精彩的评论插件。它可以在这里找到https://github.com/Viima/jquery-commentsjQuery-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> 

回答

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> 

脚本标签使用类型属性以指示正在调用的文档的类型ed(根据最新的Javascript标准,这不是一个很好的实践)。另外,为了在脚本标签内加载Javascript文件,您必须使用src属性,而不是href

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

+0

修复了它!谢谢。另外还有哪些其他属性更适合在新的JavaScript标准中使用'type'以外的其他属性? – RyeGuy

+0

我很高兴它解决了你的问题。 HTML5足够聪明,可以了解将某个脚本指向特定源时加载了哪种脚本。这就是为什么你简单地忽略'type =“text/javascript”'。 –

+0

好吧。再次感谢 – RyeGuy