Jquery 动态UL不接收css?还是我做错了css?
我正在使用自动建议。不幸的是,我不能使用引导css,因为它会破坏整个网站。因此,我基本上是尝试手动设置弹出的动态生成的ul的样式。在我尝试做css之前,我练习了使用Firebug。从我在Firebug上的表现来看,一切都很好。但当我实际部署它时,css并不存在 下面是我的html结构:Jquery 动态UL不接收css?还是我做错了css?,jquery,css,autosuggest,typeahead,Jquery,Css,Autosuggest,Typeahead,我正在使用自动建议。不幸的是,我不能使用引导css,因为它会破坏整个网站。因此,我基本上是尝试手动设置弹出的动态生成的ul的样式。在我尝试做css之前,我练习了使用Firebug。从我在Firebug上的表现来看,一切都很好。但当我实际部署它时,css并不存在 下面是我的html结构: <body> <div></div> <div></div> <div></div> ... <div id="heade
<body>
<div></div>
<div></div>
<div></div>
...
<div id="header">
<div></div>
<div></div>
<div></div>
...
<div id="textandpics">
<div id="box">
<div id="theoneimlookingat">
<input type="text"/>
// here is where the auto suggest ul will pop up
<ul class="typeahead dropdown-menu/>
<li></li>
<li></li>
<li></li>
...
<li></li>
<li></li>
</ul>
</div>
</div>
<div></div>
</div>
</div>
...
有两个类,所以它们之间不应该有一个类。。删除元素的两个类之间的空格,例如
.typeahead.dropdown-menu {
/* CSS */
}
有两个类,所以它们之间不应该有一个类。。删除元素的两个类之间的空格,例如
.typeahead.dropdown-menu {
/* CSS */
}
你的语法错了。在CSS中,
.dropdown menu
是.typeahead
的后代。将.typeahead.dropdown menu
CSS规则更改为.typeahead.dropdown menu
,或者简单地更改为。dropdown menu
您的语法错误。在CSS中,.dropdown menu
是.typeahead
的后代。将.typeahead.dropdown menu
CSS规则更改为.typeahead.dropdown menu
或简单地更改为。dropdown menu
您忘记了ul块中的引号。试试这个:
<div id="header">
<div></div>
<div></div>
<div></div>
...
<div id="textandpics">
<div id="box">
<div id="theoneimlookingat">
<input type="text"/>
// here is where the auto suggest ul will pop up
<ul class="typeahead dropdown-menu">
<li></li>
<li></li>
<li></li>
...
<li></li>
<li></li>
</ul>
</div>
</div>
<div></div>
</div>
</div>
...
//这里是自动建议ul将弹出的位置
...
您忘记了ul块中的引号。试试这个:
<div id="header">
<div></div>
<div></div>
<div></div>
...
<div id="textandpics">
<div id="box">
<div id="theoneimlookingat">
<input type="text"/>
// here is where the auto suggest ul will pop up
<ul class="typeahead dropdown-menu">
<li></li>
<li></li>
<li></li>
...
<li></li>
<li></li>
</ul>
</div>
</div>
<div></div>
</div>
</div>
...
//这里是自动建议ul将弹出的位置
...
使用.typeahead.dropdown menu
在中查找。typeahead
.typeahead.dropdown menu
指的是类为的元素。dropdown menu
在类为的元素中。typeahead
-您需要的是针对其中一个,或者用这两个字符来定位一个元素,你可以去掉空格,比如.typeahead.dropdown menu
无语法错误。我打字打得很烂你有网站吗,我可以看看我是否能解决这个问题。使用.typeahead.dropdown menu
正在查找。dropdown menu
在中。typeahead
.typeahead.dropdown menu
指的是类为的元素。dropdown menu
在类为的元素中。typeahead
-你需要的是目标一个或另一个,或者用这两个来定位一个元素,你可以去掉空格,比如.typeahead.dropdown menu
无语法错误。我只是打字很差。你有没有网站上有这个网站,我可以看看我是否能解决这个问题。没有看到@Adrift的答案。我们同时在评论。没有看到@Adrift的答案。我们同时在评论,你不必这么做。这不是强制性的。这可能是一个很好的练习,但它不会破坏东西。我试过这个,但不起作用。我想我的是一个特例。我不知道为什么,我只是试着只用了“.typeahead”这个css。现在为什么“.typeahead.dropdown menu”被识别出来了?@yaojiang:真奇怪,根据你的判断,它应该可以正常工作HTML@Adrift我知道。我已经为这件事伤心了一个小时了。奇怪…你不必这么做。这不是强制性的。这可能是一个很好的练习,但它不会破坏东西。我试过这个,但不起作用。我想我的是一个特例。我不知道为什么,我只是试着只用了“.typeahead”这个css。现在为什么“.typeahead.dropdown menu”被识别出来了?@yaojiang:真奇怪,根据你的判断,它应该可以正常工作HTML@Adrift我知道。我已经为这件事伤心了一个小时了。奇怪……这不是语法,只是我打字不好。这不是语法,只是我打字不好。