1

ファンシーボックスにある場合、jQTransformはSELECTのULタグの高さを正しく設定していないようです。高さは常に 0 です。つまり、クリックして開くと、オプションは表示されません。開いたときに高さを強制的に設定しようとしましたが、その解決策では、固定するのに6〜7回のクリックが必要です（つまり、良くありません）。それらをうまく連携させる方法を見つけた人はいますか？デフォルトのCSSでも機能しません。他のフォーム要素は正常に機能しているようです。選択しないだけです。

締め切りまであと数日しかないので、助けていただければ幸いです。以下は、テストに使用した 2 つのファイルからの非常に単純なコード スニペットです。

host.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="includes/shared/js/jquery-latest.js" type="text/javascript"></script>
<link rel="stylesheet" href="includes/shared/js/jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<link rel="stylesheet" href="includes/shared/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="includes/shared/js/jqtransformplugin/jquery.jqtransform.js" ></script>  
<script type="text/javascript" src="includes/shared/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
</head>
<body>
<a class="fancybox" href="lightbox.html">Test</a>
<script type="text/javascript">
$('.fancybox').fancybox({
    'transitionIn'  :   'elastic',
    'transitionOut' :   'elastic',
    'speedIn'       :   200, 
    'speedOut'      :   200,
    'overlayColor'  :   '#000', 
    'overlayShow'   :   true
});
</script>
</body>
</html>

lightbox.html

<div id="box" style="min-height: 400px;">
<form id="book_event_form2" method="POST">
<select name="childTickets" class="childTickets" style="width: 50px;">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</form>
</div>
<script type="text/javascript">
jQuery('#book_event_form2').jqTransform();
</script>
4

1 に答える 1

3

答えはありませんが、同様の問題に遭遇しました。問題は、外側の要素が「表示」なしに設定されている場合、または「.jqTransformSelectWrapper」の div が表示: なしに設定されている場合に発生するようです。

出力を修正する方法はわかりませんが、それらの線に沿ったものに絞り込みました。

これは、プラグイン自体の何らかのバグであると断言できます。

編集

これで技術的に問題が解決しないことはわかっていますが、少なくとも機能させることができます...

CSS を使用して UL をターゲットにし、高さを「自動」にすると、うまくいくように見えることがわかりました。

単に動作します：

.jqTransformSelectWrapper ul {height: auto;}
于 2012-01-23T18:51:57.400 に答える