1

这太疯狂了......我一直在试图弄清楚为什么我的弹出框代码在本地托管时不会，但在 jsbin 上运行良好。让我知道你们的想法，我疯了。谢谢大家！！

所以这里是：

jsbin：http: //jsbin.com/ocepaw/1/edit

          /*///// Libraries jquery & bootstrap libraries ///////*/

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

 <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
 <link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

 <script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>


  /*///// relevant HTML: Targets (pop1,2,3) & Triggers (Previous & Next buttons) ///////*/

        <a  href="#" id="pop1" class="btn" data-content="GREAT CONTENT3" data-original-title="Gamification 1/3">
        </a>

        <a  href="#" id="pop2" class="btn" data-content="GREAT CONTENT3" data-original-title="Gamification 3/3">
        </a>


        <a href="#" id="pop3" class="btn" data-content="GREAT CONTENT3" data-original-title="Gamification 3/3">
        </a>


<a href="#" id="NextBtn" class="btn btn-primary"> NEXT </a>

<a href="#" id="PreviousBtn" class="btn btn-primary"> PREVIOUS </a>



    /*///// CSS ///////*/

      var currentPopover = -1;
      var popovers = [];

     // Initialize all the popovers to be "manually" displayed.
   popovers.push($("#pop1").popover({ trigger: 'manual' }));
   popovers.push($("#pop2").popover({ trigger: 'manual' }));
   popovers.push($("#pop3").popover({ trigger: 'manual' }));


    // On each button click, hide the //currently displayed popover
    // and show the next one.



    $("#NextBtn").click(function() {
    if (currentPopover >= 0) {
    popovers[currentPopover].popover('hide');
    }

    currentPopover = currentPopover + 1;
    popovers[currentPopover].popover('show');


    });


    $("#PreviousBtn").click(function() {

    popovers[currentPopover].popover('hide');


    currentPopover = currentPopover  -1;
    popovers[currentPopover].popover('show');


    });
4

2 回答 2

0

很久以前我有一个类似的问题。这是我解决它的方法：我更改了导入的 .css 和 .js 文件的顺序。尝试加载第一个引导程序所需的文件，然后加载其他所有文件。希望它也对你有用！如果不是，那么您的代码有问题。

于 2013-06-20T02:34:27.143 回答
0

尝试以正确的顺序声明没有冗余的 CSS 和 JS：

<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />

<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js" type="text/javascript"></script>
于 2013-06-20T11:10:24.657 回答