jquery分類沒有使用div的翻轉開關

我想要兩個jQuery翻轉開關在一行中，當屏幕太窄時，其中一個不可見。jquery分類沒有使用div的翻轉開關

對於他們被區別對待，他們需要分配不同的類，但不知何故不起作用。當類或id分配給p或div時，條件起作用，但那些元素不會顯示在同一行中。

如何給他們分配一些類，同時保持他們在一行？

來源

2013-01-18 secr

你能告訴我們一些代碼嗎？也許[小提琴]（http://jsfiddle.net/）？ –

當然： http://jsbin.com/inunev/4/edit。 BOt翻轉顯然是由div設置控制的; bigga類適用於其中一個沒有任何區別。 – secr

最好的辦法是使用一行兩列的表格。

來源

2013-02-02 00:39:57 secr

你能爲此提供一些代碼嗎？能夠幫助他人回答您的問題真是太好了，但您的問題和答案都缺乏可幫助任何人找到答案的代碼和背景。 –

http://jsbin.com/acibuj/1/edit – secr

這裏是通過css完成的相同的事情，據說它比js更適合於對象定位。的確，對於這個版本，當你改變實時模式的分辨率時，dreamweaver立即響應。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script><script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"> </script> 
<style> 
@media screen and (min-width:1px) and (max-width:319px) { 
.bigga { 
    display: none; 
} 
} 
div.ui-slider-switch { 
    width: 7em 
} 
</style> 
</head> 

<body> 
<table width="200" border="0"> 
    <tr> 
    <td><div align="center" class="bigga"> 
     <select data-role="slider" > 
      <option value="off">boy</option> 
      <option value="on"> girl</option> 
     </select> 
     </div></td> 
    <td><div align="center"> 
     <form > 
      <select data-role="slider" > 
      <option value="off" accesskey="" >man</option> 
      <option value="on" > woman</option> 
      </select> 
     </form> 
     </div></td> 
    </tr> 
</table> 
</body> 
</html>

來源

2013-02-02 13:44:38 secr

jquery分類沒有使用div的翻轉開關

回答

相關問題