Javascript 自举'；s的导航栏切换似乎与swipebox不兼容_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 自举'；s的导航栏切换似乎与swipebox不兼容

javascript jquery html css twitter-bootstrap

Javascript 自举'；s的导航栏切换似乎与swipebox不兼容,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,昨天，我终于在我的网站上找到了一个适用于iPhone的灯箱（不使用flash）。一切都很完美，除了导航栏切换，当点击它时它什么也不做。我认为css和js文件之间可能存在冲突，但我不知道是什么。。。您可以在下面找到代码。有人经历过这样的问题吗？也许它们彼此不兼容谢谢你的帮助 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" cont

昨天，我终于在我的网站上找到了一个适用于iPhone的灯箱（不使用flash）。一切都很完美，除了导航栏切换，当点击它时它什么也不做。我认为css和js文件之间可能存在冲突，但我不知道是什么。。。您可以在下面找到代码。有人经历过这样的问题吗？也许它们彼此不兼容

谢谢你的帮助

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial_scale=1.0">
  <link href = "css/styles.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/styles.css">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <script src="lib/jquery-1.9.0.js"></script>
  <script src="src/js/jquery.swipebox.js"></script>
  <link rel="stylesheet" href="src/css/swipebox.css">
  <link rel="stylesheet" href="demo/style.css">
  <link rel="stylesheet" href="src/css/swipebox.css">

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial_scale=1.0">
      <link href = "css/styles.css" rel="stylesheet">
      <link rel="stylesheet" type="text/css" href="css/styles.css">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="lib/jquery-1.9.0.js"></script>
      <script src="src/js/jquery.swipebox.js"></script>
      <link rel="stylesheet" href="src/css/swipebox.css">
      <link rel="stylesheet" href="demo/style.css">
      <link rel="stylesheet" href="src/css/swipebox.css">


    </head>
    <body>
        <!-- Navbar -->
        <div class="navbar navbar-default navbar-fixed-top" role='navigation'>
            <div class="container">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="collapse navbar-collapse navHeaderCollapse">
                    <ul class="nav navbar-nav nav-justified" style="margin-right:20px">
                        <li>
                            <a href="index.php">Home</a>
                        </li>
                        <li>
                            <a href="whoami.php">Who am I ?</a>
                        </li>              
                    </ul>
                </div>
            </div>
        </div>
        <!-- CONTENT -->
        <!-- Page Content -->
        <h2 class="page-header" style='color:black'>Gallery</h2>
        <section id="exemple" class="container">
            <div class="wrap small-width">
                <div id="try"></div>
                <ul id="box-container">
                    <li class="box">
                        <a href="img/1.JPG" class="swipebox" title="some text">
                            <img src="img/1.JPG" alt="image">
                        </a>
                    </li>
                    <li class="box">
                        <a href="img/1.JPG" class="swipebox" title="some text">
                            <img src="img/1.JPG" alt="image">
                        </a>
                    </li>                    
                    <li class="box">
                        <a href="img/1.JPG" class="swipebox" title="some text">
                            <img src="img/1.JPG" alt="image">
                        </a>
                    </li>                    
                    <li class="box">
                        <a href="img/1.JPG" class="swipebox" title="some text">
                            <img src="img/1.JPG" alt="image">
                        </a>
                    </li>                    
                    <li class="box">
                        <a href="img/1.JPG" class="swipebox" title="some text">
                            <img src="img/1.JPG" alt="image">
                        </a>
                    </li>
                </ul>
            </div>
        </section>
        <script src="lib/ios-orientationchange-fix.js"></script>
        <script src="lib/jquery-2.1.0.min.js"></script>
        <script src="src/js/jquery.swipebox.js"></script>
        <script type="text/javascript">
        $( document ).ready(function() {

            /* Basic Gallery */
            $( '.swipebox' ).swipebox();

            /* Video */
            $( '.swipebox-video' ).swipebox();

            /* Dynamic Gallery */
            $( '#gallery' ).click( function( e ) {
                e.preventDefault();
                $.swipebox( [
                    { href : 'http://swipebox.csag.co/mages/image-1.jpg', title : 'My Caption' },
                    { href : 'http://swipebox.csag.co/images/image-2.jpg', title : 'My Second Caption' }
                    ] );
            } );

        });
        </script>


    </body>
    <script type="text/javascript">
    $( '.swipebox' ).swipebox();
    </script>
    </html>








画廊












$（文档）.ready（函数（）{
/*基本画廊*/
$（'.swipebox'）.swipebox（）；
/*录像带*/
$（'.swipebox video'）.swipebox（）；
/*动态画廊*/
$（“#图库”）。单击（功能（e）{
e、 预防默认值（）；
$.swipebox（[
{href:'http://swipebox.csag.co/mages/image-1.jpg，标题：'我的标题'}，
{href:'http://swipebox.csag.co/images/image-2.jpg，标题：“我的第二个标题”}
] );
} );
});
$（'.swipebox'）.swipebox（）；

删除此额外标签…请创建一个完整的示例，再现您的问题。例如，在Dekkard上，我编辑了我的程序，以便您可以再次查看。