Fatal编程技术网

Twitter bootstrap 3 CF9和twitter引导程序3.2.0-复选框按钮

twitter-bootstrap-3

Twitter bootstrap 3 CF9和twitter引导程序3.2.0-复选框按钮,twitter-bootstrap-3,coldfusion-9,Twitter Bootstrap 3,Coldfusion 9,我正在尝试使用Coldfusion 9获得最新的Twitter引导点击复选框按钮。我使用的代码是： <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery.min.js"></script> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/boo

我正在尝试使用Coldfusion 9获得最新的Twitter引导点击复选框按钮。我使用的代码是：

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"     rel="stylesheet" type="text/css" />
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
  </head>
  <body>
  <form class="form-horizontal">
  <div id="flatsearchform-roomscount" class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary"><input type="checkbox" value="1">1</label>
    <label class="btn btn-primary"><input type="checkbox" value="2">2</label>
    <label class="btn btn-primary"><input type="checkbox" value="3">3</label>
    <label class="btn btn-primary"><input type="checkbox" value="4">4</label>
    <label class="btn btn-primary"><input type="checkbox" value="5">5</label>
    <label class="btn btn-primary"><input type="checkbox" value="6">6</label>
    <label class="btn btn-primary"><input type="checkbox" value="7">7</label>
    <label class="btn btn-primary"><input type="checkbox" value="8">8</label>
    <label class="btn btn-primary"><input type="checkbox" value="9">9</label>
    <label class="btn btn-primary"><input type="checkbox" value="10">10</label>
  </div>
</form>

当我在本地计算机上运行此代码时，它会正确呈现，并且复选框是按钮。但是当我在Coldfusion服务器上运行相同的代码时，它显示不正确，复选框仍然是复选框。有人能做到这一点吗？

Edit我不熟悉引导，但这听起来像是一个简单的JS/CSS问题，与CF无关。例如，如果浏览器无法加载jquery.min.JS脚本，可能会发生这种情况。这是一个愚蠢的问题，但是你是在用相同的代码和浏览器进行测试吗？这两个文件是相同的。我在firefox和chrome上都试过，但都有同样的问题。远程环境是windows server 2008。我的本地环境是Windows7。所有包含的文件都是站点，所以css中没有什么不同…我唯一能想到的是检查浏览器的JS调试工具，以验证css和JS是否实际加载。。正如我提到的，如果浏览器由于某种原因无法加载其中一个文件，比如jquery.min.js.，那么您将得到不正确的显示。例如，我可以通过使用adblocker模拟加载jquery.min.js失败来重现上面不正确的显示。