3

フォームの選択フィールドに問題があります。これは単一の選択フィールドであるため、JQuery はそれをボタンに変え、タップしてそれぞれのオプションを選択できるようにします。オプションのテキストがかなり長い場合、選択ボタンは画面よりも幅が広くなり、部分的にしか見えなくなります。

ボタンを表示するためにJQueryによって作成されたものを確認しましたが、CSS 'overflow: ellipse'が設定されているため、スパンに画面幅よりも小さい固定幅を指定すると、オプションテキストが'...'で切り捨てられ、すべてがうまく見えます。

その動作を自動的にトリガーする方法はありますか?

「viewport」メタタグは「width=device-width, user-scalable=no」に設定されています

4

2 に答える 2

2

遅いかもしれませんが、他の誰かがこれを参考にしてくれることを願っています。select がfieldsetタグで囲まれている場合は、それをdivに置き換えることで問題を解決できます。

于 2013-01-21T21:15:34.157 に答える
0

選択ボックスの幅を設定する方法も探していましたが、長い間グーグルで検索した後、あきらめて、選択コントロールに表示されるテキストを短くしました。

        <script type="text/javascript">
            $('#myselect').change(function () {

                var sel = $("#myselect option:selected").text().substring(0, 20);
                $("#myselect option:selected").text(sel);

            });
        </script>

これがあまり役に立たないことはわかっていますが、選択ボックスは対話するのが最も難しいものの1つであること、または少なくともそれがインターネットが言っていることであることがわかりました.

解決策の追求に役立つ「JQuery selectチートシート」を投入します-> http://comp345.awardspace.com/select_element_cheatsheet.pdf

于 2012-05-25T09:40:45.900 に答える