1

これが私のコードです。すべて問題なく動作するので、テキスト ボックスの外側をクリックするとデフォルトのサイズに戻りますが、送信ボタンをクリックすると通常のサイズに戻り、データは送信されません。誰かがそれを修正するのを手伝ってくれますか?

4

2 に答える 2

1

ボタンのクリックイベントの前にぼかし機能が起動するため、最初にコードが機能しないため、これに変更します

HTML

<form method="post" action="" onsubmit="return false;">
  <div id="vsetko">
      <textarea  id="scontent"></textarea>
      <div id="sbutton_block" style="display:none;">
          <input type="submit" id="sbutton" value=" Share " />
      </div>
  </div>
</form>​​​​

CSS

#scontent {
  overflow: auto;
  width:722px;
  height:30px;
  border:solid 2px #006699;
  font-size:14px;
}

#sbutton{
  background-color:#006699;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  padding:4px;
  margin-bottom: 5px;
}

Jクエリ

$(document).ready(function(){

  $("#scontent").focus(function(){
    $(this).animate({"height": "85px",}, "fast" );
    $("#sbutton_block").slideDown("fast");
    return false;
  });

  $("html").click(function(event){
    if ($(event.target).attr("id") != "scontent") {
      $("#scontent").animate({"height": "30px",}, "fast" );
      $("#sbutton_block").slideUp("fast");
      return false;
    }
  });

  $("#scontent").keypress(function(){
    var MaxLen = 250;
    return ($(this).val().length <= MaxLen);
  });

  $("#sbutton").click(function(){
    // do your stuff
    return false;
  });

});

HTMLクリックイベント全体がフォーカスイベントを置き換えるので
、ラップトップでテストしたデータを保存できます。正常に動作しています

編集：スキップする要素を確認するためにhtmlクリック機能を変更しました

于 2012-11-13T16:38:12.573 に答える
1

次の行をコメントアウトする必要があります。

$("#sbutton_block").slideUp("fast");

action 属性では、php ページ名を Post 変数に書き込む必要があります。

ここにあなたの変更されたコードがあります。http://pastebin.com/LR4HyHv6

それが役に立てば幸い。

于 2012-11-13T15:35:07.097 に答える