0

コントロールに問題があり、表のセルが増え続けています。

ここにアプリケーションがあります: http://jsfiddle.net/XM8hG/8/embedded/result/

コードを表示するには、次のリンクにアクセスしてください: http://jsfiddle.net/XM8hG/8/

アプリを開き、以下の基本的な手順に従ってください。

  1. アプリを開いたときに、[質問を追加] ボタンをクリックして表の行を追加します。

  2. 追加した行で、「Open Grid」をクリックしてボタン「3」を選択します。テキストエリアの上下にわずかなギャップが表示されます。グリッドを再度開き、ボタン「26」を選択すると、上と上に生成されたより大きなギャップが表示されます。テキストエリアの下。

テキストエリアの上または下に隙間を作りたくない テキストエリアで表のセルを埋めたい。しかし、すでに高さを 100% に設定しているので、どうすればよいでしょうか。

以下は、テキストエリアの CSS です。

.textAreaQuestion{
    width:auto;
    resize:none;
    height:100%;
    font-size:100%;
    display: block; 
    overflow:auto;

}

以下は、表のセルを埋めようとしているjqueryコードです。現時点では、「質問の追加」ボタンがクリックされたときに実行されます。

function setWidth() {
    var questionCellWidth = $("#qandatbl_onthefly tbody .question").width();
    var questionCellHeight = $("#qandatbl_onthefly tbody .question").height();
    $(".textAreaQuestion").css({
        "width": (questionCellWidth - 6) + "px",
        "height": (questionCellHeight) + "px"
    });
}

</p>

4

1 に答える 1

1

いくつかの要素の内側をスタイルする方法を示す新しい例を設定しました。この例には、右側のコンテンツに合わせての幅/高さを自動的にスケーリングする CSS が含まれています。元の投稿のロジックと構造に従おうとしましたが、要素を使用してゼロから始めました。このコードがお役に立てば幸いです。個々の質問と回答のエントリを許可し、新しい質問/回答セットを追加できるようにすることを目的としています。textareadivtextareadiv

于 2013-01-01T23:23:20.137 に答える