向表單添加多個按鈕

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包含三個具有相同ID DIV元素。 如果使用$('#linkDiv')類的jQuery並執行某項操作，則僅選擇第一個元素。

Answer 2

使用<div ...></div>代替。 我認為您無法使用XHTML />結束div。 如果您簽入Chrome Dev Tools，則按鈕會彼此嵌套。

Answer 3

這是因為您的CSS定位到名為“選擇”的類。 只需將類添加到div中，它們就會顯示出來。 您的ID也必須是唯一的。 這是應該起作用的修復程序：

<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 (...) {
   (...)
}