我很困惑。我只是想测试一个jquery(simpleselect)并让它在jquery上正常工作,但是当我将它上传到我的服务器时......完全不起作用!我发誓它的代码是相同的,但也许新的眼光会有所帮助。我在这里缺少什么?
这是我上传的代码:
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://smartieparts.com/bootstrap/includes/templates/bootstrap/css/stylesheet_jquery.simpleselect.min.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://smartieparts.com/bootstrap/includes/templates/bootstrap/jscript/jscript_jquery.simpleselect.min.js"></script>
<script type="text/javascript">
$("#currency-select").simpleselect({
fadingDuration: 500,
containerMargin: 100,
displayContainerInside: "document"
});
</script>
</head>
<body id="indexHomeBody">
<select name="currency" id="currency-select">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
<option value="GBP">GBP</option>
<option value="CAD">CAD</option>
<option value="AUD">AUD</option>
<option value="CHF">CHF</option>
<option value="CZK">CZK</option>
<option value="DKK">DKK</option>
<option value="HKD">HKD</option>
<option value="JPY">JPY</option>
<option value="NZD">NZD</option>
<option value="NOK">NOK</option>
<option value="PLN">PLN</option>
<option value="SGD" selected="selected">SGD</option>
<option value="SEK">SEK</option>
<option value="ILS">ILS</option>
<option value="MXN">MXN</option>
<option value="TWD">TWD</option>
<option value="PHP">PHP</option>
<option value="THB">THB</option>
</select>
</body>
</html>
这是JSfiddle
请注意,JSfiddle 具有我从上面的代码中复制/粘贴的外部 css 和 js 资源。
在 JSfiddle 页面上,下拉菜单已格式化并具有淡入淡出效果。在我的服务器上,它有些格式化并且没有褪色。
我已将文件上传到我的服务器,以便您检查。Link
Ref
在文档“准备好”之前,无法安全地操作页面。 jQuery 会为您检测到这种准备状态。里面包含代码$( document ).ready()
仅当页面文档对象模型 (DOM) 准备好执行 JavaScript 代码时才会运行。里面包含代码$( window ).load(function() { ... })
一旦整个页面(图像或 iframe)(而不仅仅是 DOM)准备就绪,就会运行。
将您的代码包装在文件就绪处理程序。
指定 DOM 完全加载时要执行的函数。
<script>
$(function() {
// Handler for .ready() called.
$("#currency-select").simpleselect({
fadingDuration: 500,
containerMargin: 100,
displayContainerInside: "document"
});
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)