gpt4 book ai didi

javascript - 输入选择下拉列表在 Firefox 中不起作用

转载 作者:可可西里 更新时间:2023-11-01 13:12:27 24 4
gpt4 key购买 nike

我在 Firefox 浏览器中遇到输入选择下拉问题,但它在 Google Chrome 中工作正常。

我创建了一个 jQuery 子菜单框。我的问题是当我将内容放在子菜单的内容区域时,没问题。但是,当我在该内容区域中创建一个选择框时,它在 Firefox 中不起作用,但在 Chrome 浏览器中运行良好……我的意思是,当我尝试选择选项 2、选项 3 等时,我无法选择该选择框的任何选项, 整个事情都消失了。

我需要你的帮助。

这是我的 html 代码:

<div class="layout_nemo" style="margin:0px auto; width:520px;">
<aside id="models">
<section class="nestingList" style="width:520px;">
<div style="float:right; width:100px; border:1px solid #f00; text-align:right"><a href="#" class="track-click">A5</a>
</div>
<div style="clear:both; margin:0px; padding:0px;"></div>
<div class="flyout" style="border:3px solid #000;">
<div class="inner">
<div class="col" style="float:right;">
<ul class="nav">
<li><a href="#" class="track-click">A5 Coupé</a>
</li>
<li><a href="#" class="track-click">A5 Sportback</a>
</li>
</ul>
</div>
<div class="articles" style="float:left;">
<article class="visuallyhidden">
<select name="bvgn " style="border:1px solid #000; height:30px;width:180px;">
<option>option1</option>
<option>option2</option>
<option>option3</option>
<option>option4</option>
</select>
<select name="bvgn " style="border:1px solid #000; height:30px;width:180px;">
<option>option5</option>
<option>option6</option>
<option>option7</option>
<option>option8</option>
</select>
</article>
<article class="visuallyhidden" style="border:7px solid #3C0; height:30px;">content here</article>
</div>
</div>
</div>
</section>
</aside>
</div>

还有 CSS 代码:

.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto;
}
.clearfix:after, .layout_nemo .nemo_carousel .pagination:after {
clear:both;
}
aside {
display:block;
}
nav ul, ul.nav {
padding-bottom:0;
}
.flyout {
display:none;
height:auto;
overflow:hidden;
position:absolute;
z-index:9999;
}
.flyout nav#navigation .links a {
font-family:Verdana, Helvetica, sans-serif;
line-height:20px;
font-weight:bold;
background-position:0 -444px;
}
.flyout nav#navigation .links a:hover {
background-position:0 -444px;
}
.flyout>.inner {
position:relative;
margin:-3px 3px 3px 3px;
}
#models {
position:absolute;
top:-124px;
}
#models.home {
top:-84px;
}
#models section {
display:inline;
float:left;
}
#models .flyout {
left:-3px;
width:520px;
}
#models .articles, #models .inner {
overflow:hidden;
}
#models .inner {
position:relative;
padding-top:20px;
min-height:280px;
}
#models .nav li {
list-style-image:none;
list-style-type:none;
margin-left:0;
}
#models .nav a {
display:block;
height:29px;
line-height:29px;
padding-left:9px;
border-top:1px solid #e7e9ea;
text-decoration:none;
background:none;
}
body.special #main .content .mediaContainer, body.special #main .content .audi_flash_replace, body.special #main .content .flash_3col, body.special #main .content .con_flashfilm_3col, body.special #main .content body.special.detail .headline h1 {
font-size:36px;
}
.layout_nemo #models {
top:23px;
}
.layout_nemo #models section>h1>a {
margin-left:0;
}

还给大家分享一个link 我们尝试过的地方包括所有的 js 文件。请在两个浏览器(firefox 和 chrome)中查看该链接

最佳答案

主要在 Chrome 中开发总是会导致在其他浏览器中出现奇怪的行为,因此最好先在 Firefox 中进行开发。如果它在 Firefox 99% 中工作,那么它在其他任何地方都可以工作,在 IE 中也是如此。 Chrome 有很多假设和“有用”的功能,这些功能会让开发人员脱轨。

此外,我在 Firefox 中的测试没有显示任何错误。我正在使用 23.0.1。

关于javascript - 输入选择下拉列表在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18557966/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com