Question

我正在调用多个按钮显示，但似乎只显示一个按钮。请告诉我为什么。我尝试在一个类中添加a，但这似乎搞砸了已经隐藏的按钮。

当网址包含iphone

时，此表单基本上会显示一个按钮

示例：http://jsfiddle.net/SDq4P/35/show/#iPhone 这是JSFiddle：http://jsfiddle.net/SDq4P/35/

我需要一次显示所有三个按钮。所有三个按钮都包含iphone，但只显示一个。

<div id="linkdiv" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false" />
<div id="linkdiv" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false" /> 
<div id="linkdiv" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false" />

Answer 1

尝试使用类而不是ID。 HTML ID应该是唯一的，您的示例HTML有三个DIV个元素具有相同的ID。如果您正在使用$('#linkDiv')之类的jQuery并执行某些操作，则只选择第一个元素。

Answer 2

请改用<div ...></div>。我不认为你可以使用XHTML /＆gt;结束div。如果您签入Chrome开发工具，则按钮会相互嵌套。

Answer 3

这是因为您的css定位了一个名为“select”的类。只需将类添加到div中它们就会显示出来。你的身份也必须是独一无二的。这是一个应该有效的修复：

<div class="select" id="linkdiv1" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false"></div>
<div class="select" id="linkdiv2" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false"></div>
<div class="select" id="linkdiv3" href="phone-condition" onclick="location.href = $(this).attr('href')+'?/1234/#iPhone';return false"></div>

看到它的实际效果： http://jsfiddle.net/mHU84/

Answer 4

而不是：

if (...) {
   (...)
}
else if (...) {
   (...)
}

只需使用：

if (...) {
   (...)
}
if (...) {
   (...)
}

添加多个按钮以形成

4 个答案: