0

これは奇妙ですが、ユーザーが「質問の追加」ボタンをクリックしてテーブル行を追加すると、追加された行の「質問」列の下に、このテーブルセルのテキストエリアの高さと幅がある jsFiddle があります。表のセルを埋めることができます。

http://jsfiddle.net/LKB9e/12/

しかし、問題は、アプリケーションにまったく同じコードがあることですが、アプリケーションではテキストエリアが IE、Firefox、Opera のテーブル セルに入力されませんが、Safari と Chrome では正常に動作します。

他のブラウザーで機能しないのはなぜですか? また、それらのブラウザーでどのように機能しますか?

応用

以下は、テキストエリアをコンパイルするメイン css です。

.question { 
    min-width:14%;
    max-width:14%;
    border:1px black solid;
    border-collapse:collapse;
      line-height: 0;
}

.question textarea {

        min-width:auto;
        max-width:auto;
        resize:none;
        height:100%;
        font-size:100%;
          display: block; 

    }

これを引き起こす可能性のある他のブラウザの小さな問題は何ですか?

4

1 に答える 1

2

デモ用に更新されたフィドルを参照してください: http://jsfiddle.net/LKB9e/23/embedded/result/

すべてのブラウザで動作します。

HTML:

<div id="details">
    <table id="qandatbl" align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
      <thead>
        <tr>
          <th width="9%" class="qid">Question No</th>
          <th width="29%" class="question">Question</th>
          <th width="62%" class="optandans">Option and Answer</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>

CSS:

#qandatbl{
    border:1px black solid;
    border-collapse:collapse;
    table-layout:fixed;
}

.question {
    /*min-width:14%;
    max-width:14%;*/
    max-width:0.1%;
    border:1px black solid;
    border-collapse:collapse;
      line-height: 0;
}

Jクエリ:

function insertQuestion(form) {
........
........
 // your entire function's code here
........

    setWidth(); calling this function will adjust the width and height of the text area accordin to its parent td.
}
function setWidth() {
    var questionCellWidth = $("#qandatbl tbody .question").width();
    var questionCellHeight = $("#qandatbl tbody .question").height();
    $(".textAreaQuestion").css({
        "width": (questionCellWidth - 6) + "px",
        "height": (questionCellHeight) + "px"
    });
}

残りは、アプリケーションの外観をどのように感じさせるかはあなた次第です。テキスト領域の幅と高さの問題全体を解決しました。

于 2012-12-23T08:01:19.280 に答える