Fatal编程技术网
  • jquery/
  • Jquery $（…）。旋转木马不是一个函数

Jquery $（…）。旋转木马不是一个函数

jquery twitter-bootstrap

Jquery $（…）。旋转木马不是一个函数,jquery,twitter-bootstrap,carousel,Jquery,Twitter Bootstrap,Carousel,我正在用carousel引导和jQuery实现文本的幻灯片放映。 我的代码是 <!DOCTYPE html> <html> <head> <title>title</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

我正在用carousel引导和jQuery实现文本的幻灯片放映。 我的代码是

<!DOCTYPE html>
<html>
    <head>
        <title>title</title>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-
             scale=1">      
<!--JQuery File -->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
            <!--Logo of website -->
            <link rel="shortcut icon" href="image/logo.jpg">

<!-- BootStrap CSS File-->
            <link href="lib/css/bootstrap.min.css" rel="stylesheet">

<!-- Bootstrap JS File-->
            <script type="text/javascript" src="lib/js/bootstrap.min.js">
            </script>

<!-- Custome CSS-->
            <link href="lib\css\custome.css"  rel="stylesheet" />
<!-- FA Icons -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">


<script type="text/javascript">
        $(document).ready(function(){
            $.ajax({
                type:'GET',
                url:'Controller.php?user-tweet=true',
                dataType:'json',
                success:function(result){
                    var html_data = '';
                    var i = 0;
                    $.each(result['data'],function(index,data){
                        $('<div class="item"><p>"'+data['text']+'"</p></div>').appendTo('carousel-inner');
                        $('<li data-target="#carousel-example-generic" data-slide-to="'+i+'"></li>').appendTo('carousel-inndicators');
                        i++;
                    });
                    $('.item').first().addClass('active');
                    $('carousel-inndicators > li').first().addClass('active');
                    $('#carousel-example-generic').carousel({
                        interval:3000
                    });
                },
                failure: function(){
                    alert(Error);
                }
            });
        });
    </script>
</head>
<body>
     <div class="jumbotron">
        <div class="container">
           <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators-->
            <ol class="carousel-inndicators">

            </ol>
            <!--Wrapper item -->
            <div class="carousel-inner">
                <!-- Controlls -->
                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
       </div>
    </div>
</body>
</html>


标题
$（文档）.ready（函数（）{
$.ajax({
类型：'GET'，
url:'Controller.php？user tweet=true'，
数据类型：'json'，
成功：功能（结果）{
var html_data=''；
var i=0；
$.each（结果['data']，函数（索引，数据）{
$（'“'+data['text']+'
”）.appendTo（'carousel-inner'）；
$（“
  • ）。附录（'carousel-inindicators'）；
i++；
});
$（'.item'）.first（）.addClass（'active'）；
$（'carousel-inndicators>li'）.first（）.addClass（'active'）；
$（“#转盘示例通用”）.carousel({
间隔时间：3000
});
},
失败：函数（）{
警报（错误）；
}
});
});
    在上面的代码中，我得到一个错误

    未捕获类型错误：

    $(...).carousel is not a function
at Object.success (home.php:42)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at A (jquery.min.js:4)
at XMLHttpRequest.<anonymous> (jquery.min.js:4)

    $（…）。旋转木马不是一个函数
在Object.success（home.php:42）
at i（jquery.min.js:2）
在Object.fireWith[as resolveWith]（jquery.min.js:2）
在A（jquery.min.js:4）
在XMLHttpRequest。（jquery.min.js:4）
    是否有任何建议，我可以做进一步，以便我可以开始我的旋转木马成功

    关于Controller.php的信息？用户tweet=true； 一旦用户登录，它就会给我一个JSON格式的数组数据对象。数据对象包含两个填充。数据['text']和数据['image']。在这里，我用旋转木马发送文本。但我犯了以上错误。


    我认为您应该更改此代码
    $（'#转盘示例通用'）.carousel（{}）至
    

    $（'.carousel#carousel示例通用'）.carousel（{}）

    

    检查这个
     appendTo函数中的ajax函数中有一些错误。在该函数中，我没有注意到旋转木马指示器是我的类或id
    
所以更新的ajax代码是
    

           $.ajax({
                type:'GET',
                url:'Controller.php?user-tweet=true',
                dataType:'json',
                success:function(result){
                    var html_data = '';
                    var i = 0;
                    $.each(result['data'],function(index,data){
                        console.log(data);
                        $('<div class="item"><p>"'+data['text']+'"</p></div>').appendTo('.carousel-inner');
                        $('<li data-target="#carousel-example-generic" data-slide-to="'+i+'"></li>').appendTo('.carousel-indicators');
                        i++;
                    });
                    $('.item').first().addClass('active');
                    $('.carousel-indicators > li').first().addClass('active');
                    $('#carousel-example-generic').carousel();
                },
                failure: function(){
                    alert(Error);
                }
            });

    

    $.ajax({
类型：'GET'，
url:'Controller.php？user tweet=true'，
数据类型：'json'，
成功：功能（结果）{
var html_data=''；
var i=0；
$.each（结果['data']，函数（索引，数据）{
控制台日志（数据）；
$（'“'+data['text']+'
    ”）.appendTo（'.carousel-inner'）；
$（“
  • ”）.appendTo（“.carousel indicators”）；
i++；
});
$（'.item'）.first（）.addClass（'active'）；
$（'.carousel indicators>li'）.first（）.addClass（'active'）；
$（“#转盘示例通用”）.carousel（）；
},
失败：函数（）{
警报（错误）；
}
});

    

    还有一个错误，我们在评论中用@ sChalkun注释添加了额外的空间。请考虑一下。
    转盘不是一个内置的特性，而是第三方插件，不是吗？尝试使用CDN库来测试。可能您正在使用的包本身有错误@沙尔肯你能给我CDN的参考资料吗？我不知道。好的。问题是，您的注释代码正在扼杀脚本的包容性。替换为以下内容：
    很抱歉，请尝试此选项，$（“.carousel”）。转盘（）；请检查我的答案，因为我写了我犯错误的地方。