[英]Why Jquery toggle doesn't work
我的index.php上有這段代碼(index.php有它自己的CSS文件):
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select").click(function() {
var destino = document.formu0.list0.value
var lista = "#listaP"+destino;
$(lista).toggle(2000)
});
});
</script>
在另一個文件上,我有一個生成html代碼的php代碼,menuP是包含以下內容的標簽:(display:none; padding-right:10px;):
echo '<tr>';
echo '<td>';
echo '<div id="lista0">';
echo '<form name="formu0">';
echo '<select size="10" name="list0">';
for ($i = 0; $i < count($cidades); $i++)
echo '<option value="'.($i).'">'.$cidades[$i][0].'</option>';
echo '</select></form></div></td>';
echo '<menuP>';
for ($i = 0; $i < count($cidades); $i++)
{
$k = 0;
echo '<td>';
echo '<div id="listaP'.$i.'">';
echo '<form name="formuP'.$i.'">';
echo '<select size="6" name="listP'.$i.'">';
for ($j = 0; $j < count($resultsA); $j++)
if ($resultsA[$j][0] == $cidades[$i][0])
{
if(count($resultsA[$j])==6)
$tipo = 'Onibus';
else
$tipo = 'Aviao';
echo '<option value="'.($k).'">'.'Preco R$: '.$resultsA[$j][1].' Tipo: '. $tipo .'</option>';
$k++;
}
echo '</select></form></div></td>';
}
echo '</menuP>';
我在這里做錯什么嗎? 盡管“ destino”和“ lista”具有正確的值,但該代碼無法正常工作,並使用空白網站對其進行了測試,但該代碼仍然有效。 基本功能是隱藏/顯示與用戶單擊的城市相對應的特定數據列表。
“ menuP是包含(顯示:無;右側填充:10px;)的標簽”
有你的問題。 如果祖先元素不可見,則切換后代元素的可見性將無效。
這是一個小提琴演示: http : //jsfiddle.net/32eXp/
您需要找到一種使<menuP>
元素可見的方法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.