3

I'm using jquery 1.8.2 and toggleSlide animation to smootly show search input box but that have two issues on chrome - one of them I've separated into a jsfiddle

$('#hiddenBlock').slideToggle(500);
$('#inputHiddenBlock').slideToggle(500);
$('#but').slideToggle(500);

On chrome open this fiddle and click button - write some text in the textbox and click button again twice - one to hide second to show again - text is now invisible and stay that way until get refreshed by f.e. writing one more letter.

This maybe also connected to second issue, which is seems connected to canvas/displaying text - it allow cut letters like 'l' in half....

In that example you see 'l' and 't':
'l' and 't' http://img171.imageshack.us/img171/5784/beztytuuvxq.png

4

3 に答える 3

2

slideToggleテキストボックスと検索ボタンの両方を使用する必要はありません。divhiddenBlockだけで十分です。

私はあなたの解決策を単純化しました:

// on dom ready hides your div
$(document).ready(function(){
  $('#hiddenBlock').hide();
});

 function toggleSearchWindow() {
   $('#hiddenBlock').slideToggle("fast");
 }

 $('input[type=button]').click(function() {
   toggleSearchWindow();
 });​

テスト

更新入力したテキストを一時変数に入れて、これがカットされたテキストを解決するかどうかを確認します。

TEST2

于 2012-12-20T09:43:51.530 に答える
1

削除してみてください

display:none;

#inputhiddenblockと#butcssから削除してから削除します

$('#inputHiddenBlock').slideToggle(500);
$('#but').slideToggle(500);
于 2012-12-20T09:44:07.403 に答える
0

jsfiddle リンクを更新しました。

問題は、入力テキスト フィールドを初期化していないことと、入力テキスト フィールドの DOM ロードで、インラインとして初期化し、何も表示しないことでした。

コメントしました。

$('#inputHiddenBlock').slideToggle(500);

于 2012-12-20T10:47:46.397 に答える