0

コンボ ボックスの onchange イベントに基づく関数を使用して、動的テキストをタブ (jquery ui タブ) に追加します。スクリプトは機能します。問題は、それが水平方向にのみ成長することです。横方向の成長は必要ありません。最大幅を定義しましたが、それは関係なく、水平方向に大きくなります。

私はそれを垂直に成長させる必要があります。これは、コンテナの最大幅制限に達したときに新しい行への追加を開始することを意味します

from jquery UI(you can down load this)

<div id="myTabs"> 
        <ul>
            <li><a href="#a" id="tabok"><span style="background:#85E085; color:#000;  padding-top:0px; padding-bottom:0px;">OK</span></a></li>
            <li><a href="#b" id="tabdnt"><span style="background:#FFD6AD; color:#000;  padding-top:0px; padding-bottom:0px;">Not Sure</span></a></li>
            <li><a href="#c" id="tabdif"><span style="background:#FFB2B2; color:#000;  padding-top:0px; padding-bottom:0px;">Too Difficult</span></a></li>
        </ul>
        <div id="a" style="padding-top:0; margin-top:0; max-width:200px;" >
                </div>
        <div id="b"></div>
        <div id="c"></div>
    </div>
    <!--<script src="development-bundle/jquery-1.4.4.js"></script>-->
    <script src="jquery.ui.core.js"></script>
    <script src="jquery.ui.widget.js"></script>
    <script src="jquery.ui.tabs.js"></script>
    <script>
        (function($){
            $("#myTabs").tabs();
        })(jQuery);
    </script>

================================================== =========

私が書いたスクリプト

    newlink = document.createElement('a');

newlink.innerHTML = idname;
newlink.setAttribute('title', 'dsdsd');
newlink.setAttribute('href', '#'+idname);
newlink.setAttribute('class', 'k');
    $("#a").append(newlink);
    $(".k").css("padding-left","5px")
4

1 に答える 1

0

css プロパティ white-space: normal を max-width を持つ div に入れてみてください。これにより、div が改行を尊重するようになります。

于 2012-09-28T18:47:51.553 に答える