Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 动态UL不接收css?还是我做错了css?_Jquery_Css_Autosuggest_Typeahead - Fatal编程技术网

Jquery 动态UL不接收css?还是我做错了css?

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

我正在使用自动建议。不幸的是,我不能使用引导css,因为它会破坏整个网站。因此,我基本上是尝试手动设置弹出的动态生成的ul的样式。在我尝试做css之前,我练习了使用Firebug。从我在Firebug上的表现来看,一切都很好。但当我实际部署它时,css并不存在

下面是我的html结构:

<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我知道。我已经为这件事伤心了一个小时了。奇怪……这不是语法,只是我打字不好。这不是语法,只是我打字不好。