使用带有WordPress的Bootstrap Switch

时间:2013-06-21 11:20:07

标签: jquery wordpress twitter-bootstrap

我无法弄清楚如何让这个Bootstrap Switch extension与我的WordPress安装一起使用。

当我从github下载示例并在我的本地计算机上运行时,控件完美运行。但他们似乎根本没有在WordPress中工作。为了测试它,我设置了重写规则,以便www.url.com/testing指向sandbox.php。在与sandbox.php相同的目录中(在我的子主题文件夹中),我放置了以下文件:

  1. bootstrapSwitch.css
  2. jquery.min.js
  3. bootstrapSwitch.js
  4. 这是sandbox.php的内容:

    <html>
        <head>
        </head>
        <body style="padding-top: 50px;">
            <link rel="stylesheet" href="bootstrapSwitch.css">
            <script src="jquery.min.js"></script>
            <script src="bootstrapSwitch.js"></script>
            <div class="switch" data-on="primary" data-off="info">
                <input type="checkbox" checked/>
            </div>
        </body>
    </html>
    

    所有显示的都是一个复选框。当我打开一个位于桌面上包含所有相同文件的文件夹中的.php文件时,它可以很好地工作。

    这里发生了什么?

1 个答案:

答案 0 :(得分:1)

你不需要将主引导程序js加载到?

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>