Question

我已经审核了与此类似的其他错误，以及每个问题都根据问题量身定制的答案。我被困在这里，希望有人可以解决这个问题，1个星期建立这个，并希望不会因为一个愚蠢的角色或2而停止。

我通过以下代码获得上述内容：

var data = [
    {id:1, content:'test1'},
    {id:2, content:'test2'},
    {id:3, content:'test3'},
    {id:4, content:'test4'}
];

var UserList = React.createClass({
    render: function() {
        var Users = this.props.data.map(function(el, i){
            return <li key={i}>{el.content}</li>;
        });
        return (
            <ul>{Users}</ul>
        );
    }
});
ReactDOM.render(
  <UserList data={data} />,
  document.getElementById('container')
);

    =======================The JS code in question====================
      /* Title Rotator */
  var options = {
      "speed": 4000, // Rotate every 4 seconds
      "transition_speed": 500, // Fade in/out has a .5 second duration
      "sub_selector": ".rotate"
  };
  jQuery.noConflict();
  $("#rotate").rotator(options);

  /*Firefly*/
   $.firefly({
    color: '#fff',
      minPixel: 1,
      maxPixel: 3,
      total : 45,
    on: '#firefly'
 });


=========================The HTML===========================

              <!doctype html> 
 <!-- ====================Now to make this site work with IE versions 6,7,
 and 8==================================  -->  
 <!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]--> 
 <!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]--> 
 <!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]--> 
 <!--[if (gt IE 7)|!(IE)]><!--> 
 <html lang="en-US" class="no-js">
 <!--<![endif]-->

           <!-- ===========================================End IE coding==========================================  --

          <!-- ======================================Mobile Metas=============================================== --> 

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- ======================================Google Fonts=============================================== --> 

  <link href='http://fonts.googleapis.com/css?family=Raleway:700,400,500' rel='stylesheet' type='text/css'>

   <!-- ======================================RBrogan Modals stylesheet=================================== -->


  <link rel="stylesheet" type="text/css" href="css/rbrogan.code.css">

   <!-- ======================================Normalized CSS============================================= -->                
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">


  <link rel="stylesheet" type="text/css" href="css/style.css">




 <!-- ========Code copied to jquery.RBrogan-modals.min.js to speed response of site====================

 <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

 ======================================================================================================= -->


 <!-- ==========================Mix in a little RBrogan JavaScript and...=============================== -->

  <script type="text/javascript" src="js/jquery.RBrogan-modals.min.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>



  <!-- =====================================Let us Load the Page Now==================================== -->

Answer 1

当你使用jQuery.noConflict();时，jQuery将放弃$。因此，您只能访问jQuery以使用jQuery而不是$。

更多信息请参阅jQuery.noConflict()

Answer 2

你期待旋转器做什么？据我所知，它不是jQuery UI库的一部分。它看起来需要第三方图书馆，我不认为你已经包括在内。

未捕获的TypeError：$（...）。rotator不是函数

2 个答案: