0

みなさん、こんにちは。

私のWebベースのアプリでは、通常display:noneは非表示になり、スペースを占有しないdivがあります。何かが起こったとき、私はdivをクラスのスタイリングとともに表示したいので、ui-state-highlight ui-corner-all動的なコンテンツをいくつか入れます。だから私はこの隠されたdivに最初にこれらのクラスを与えます。問題は、動的コンテンツを含むdivを表示すると、今述べたクラスのスタイルがそこにないことです。

問題を説明するこのフィドルを参照してください：http：//jsfiddle.net/qR8gK/

望ましい結果は、ボタンをクリックしたときに表示されるdivが、最初に表示されるものと同じスタイルになっていることです。誰かが私がこれを行う方法を知っていますか？

ありがとう！

4

3 に答える 3

1

コードの実際の問題は、段落タグが原因でした。を削除し<p>て試してください。

$('#a').button().click(function() {
    $('#dynamic').css('display', 'inline').html('some dynamic content');
});​

サンプル： http： //jsfiddle.net/qR8gK/19/

于 2012-08-02T12:46:14.497 に答える
1

.show()css表示設定を手動で設定する代わりに使用してください。

$('#a').button().click(function() {
    $('#dynamic').show().html('<p>some dynamic content</p>');
});
于 2012-08-02T12:39:08.920 に答える
1

show()メソッドを呼び出して表示します。

$('#a').button().click(function() {
    $('#dynamic').html('<p>some dynamic content</p>').show();
});​

作業サンプル： http： //jsfiddle.net/qR8gK/16/

于 2012-08-02T13:02:01.617 に答える