1

jquery を使用して div sectionj にテキストを追加しようとしていますが、テキストが目的の div の外に出てしまいます。私の html は次のようになります。

<!--CONTENT AREA-->
<div id="content">
  <div id="content_inner">
    <h2 id='titulo'>BUSCAR:</h2>
    KEYWORDS: 
    <input type='text' id='paramsQuery'>
    <input type='submit' id='botonBuscar' value='buscar'>
    <div id='results'></div>
  </div>
</div>

私のjs関数は次のようになります：

$(document).ready(function() {
  $("#botonBuscar").click(function() {
    var params = $("#paramsQuery").val();
    $("#column3_inner").append(params); 
  });
});

テキストを希望の幅に保つための提案はありますか?

4

1 に答える 1

2

提供されたコードにない要素に結果を追加しています。むしろ入れるつもりだったのかな#results？

$(function() {
  $("#botonBuscar").on("click", function() {
    $("#results").append( $("#paramsQuery").val() ); 
  });
});

デモ: http://jsbin.com/icapuh/edit#javascript,html

テキストがボックスからはみ出している場合は、いくつかの選択肢があります。行を分割できます：

#results {
  word-wrap: break-word;
}

または、スクロールを引き起こす可能性があります:

#results {
  overflow-x: scroll;
}

またはtext-overflow、省略記号を表示するように設定します。

#results {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
于 2012-05-13T04:45:50.380 に答える