bcs*_*eve 3 css jquery jsfiddle
我很困惑.我只是试图测试一个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页面上,下拉列表已格式化并具有淡入淡出效果.在我的服务器上,它有点格式化,没有淡入淡出.
我已将文件上传到我的服务器,以便您查看. 链接
在文档"准备就绪"之前,无法安全地操作页面.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>