Fatal编程技术网

Twitter bootstrap 推特引导转盘不工作

twitter-bootstrap

Twitter bootstrap 推特引导转盘不工作,twitter-bootstrap,Twitter Bootstrap,我需要下载更多的库来运行Twitter引导旋转木马吗？我刚从下载了Twitter引导程序。我认为我的javascript库有问题。我可以看到图像、左键和右键，但当我点击右键时，什么都没有发生 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="v

我需要下载更多的库来运行Twitter引导旋转木马吗？我刚从下载了Twitter引导程序。我认为我的javascript库有问题。我可以看到图像、左键和右键，但当我点击右键时，什么都没有发生

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">


<script>
  !function ($) {
    $(function(){
      // carousel demo
      $('#myCarousel').carousel()
    })
  }(window.jQuery)
</script>

<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
  body {
    padding-top: 60px;
    padding-bottom: 40px;
  }


</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">


引导，来自Twitter
!函数（$）{
$（函数（）{
//旋转木马演示
$（#myCarousel'）。carousel（）
})
}（window.jQuery）
身体{
填充顶部：60px；
填充底部：40px；
}



示例标题。

我是奥迪奥，我是艾格斯塔，我是埃格特码头。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

另一个例子是标题。

我是奥迪奥，我是艾格斯塔，我是埃格特码头。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

再来一杯。

我是奥迪奥，我是艾格斯塔，我是埃格特码头。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

您没有用以下内容初始化转盘的原因是什么：

<script type="text/javascript">

$(document).ready(function() {
    $('#myCarousel').carousel({
    //options here
    });
});

</script>  


$（文档）.ready（函数（）{
$（'myCarousel'）。carousel({
//这里的选项
});
});
编辑
下面是一个HTML的示例

如果这仍然不适用于您，那么您的CSS或JS文件可能存在问题。您可以通过使用CDN版本替换本地文件来轻松检查这一点，这里有一个来源：

祝你好运

编辑2

您缺少jQuery链接。如果你改变主意，我想你会很乐意去的；）


$（文档）.ready（函数（）{
$（'myCarousel'）。carousel({
//这里的选项
});
});
您必须在以下行中添加“http:”（如果您的页面位于计算机上）
仍不工作。您知道旋转木马的工作示例代码吗？请查看这是否有帮助：。除了更改图像URL，HTML正是您在上面发布的内容。仍然不起作用。我想有一些设置文件是bootply使用的。因为相同的代码对我不起作用。我需要下载jquery吗？我没有jquery库或类似的东西>我需要下载jquery吗。。。是的，当然。检查我的上面的编辑你能发布你页面的url吗？ 
<script type="text/javascript">

$(document).ready(function() {
    $('#myCarousel').carousel({
    //options here
    });
});

</script>  

<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js">

     $(document).ready(function() {
        $('#myCarousel').carousel({
        //options here
        });
    });
 </script> 
</head>

    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js">