本文介绍了语义UI下拉菜单不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script>
</script>
</head>
<body>
<select class="ui dropdown search selection" id="search-select">
<option value="">State</option>
<option value="AL">Alabama</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.3.2/semantic.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.3.2/semantic.min.css" rel="stylesheet">
<script>
$(document).ready(function(){
$('#search-select').dropdown();
});
</script>
</body>
</html>
我正在尝试通过搜索来实现语义下拉菜单,下拉框显示,但不显示任何东西当点击。我相信这是JavaScript的一个问题,但不知道如何解决它。
I am trying to implement the semantic ui dropdown with search, the dropdown box shows but it does not show anything when clicked. I believe this to be an issue with the JavaScript but not sure how to solve it.
推荐答案
1:使用更新的版本的jQuery:
1: Use a more current version of jQuery:
< script src =https://code.jquery.com/jquery-1.11.2.js> < / script>
2:仅针对元素实例化一次
2: Instantiate only once for an element
这似乎解决了。最重要的是您链接的旧版本的jQuery。
That seemed to fix it. The big deal is the old version of jQuery you have linked.
这篇关于语义UI下拉菜单不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!