使用 jquery 的城市搜索表单答案

【问题标题】：City search form with jquery使用 jquery 的城市搜索表单
【发布时间】：2015-01-08 12:52:21
【问题描述】：

我正在尝试使城市搜索字段工作，但它不起作用:(

在 jsfiddle 中工作正常 http://jsfiddle.net/babarazvan/uvdqbj9p/4/ 但在我的页面中没有。它可能与我在页面中的其他资源有关？

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.noconflict.js"></script>
<script type="text/javascript" src="js/modernizr.2.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery.placeholder.js"></script>
<script type="text/javascript" src="js/jquery-ui.1.10.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

你能帮忙吗？

【问题讨论】：

你能告诉我们你的网站，你想在哪里实施它？
如果没有任何细节，很难说哪里出了问题。浏览器的JS控制台有错误吗？

标签： javascript jquery search

【解决方案1】：

你忘了css吗？

<style type="text/css">
.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
    text-align:left;
    font-size:14px;
}
.ui-autocomplete-loading {
    background: white url("./ui-anim_basic_16x16.gif") right center no-repeat;
}
#city {
    width: 300px;
}

【讨论】：

是的，它就在那里。我发现了这个问题。页面代码在 htts 上不起作用，在 http 上工作正常。