0

この質問は何度も聞かれますが、私は別の詳細を持っています。その場で作成された div を追加するのを手伝ってくれませんか? しかし、違いは、以下のような div を作成する必要があることです。

ここにJクエリがあります

 var new_div = "<div class='rounded_corner_with_border_and_tag' style='line-height:35px'><span class='span_tags'>Temel Bilgiler</span><br /><br /><div style='float:left;width:130px'>İsim:</div><div style='float:left;width:200px'><input id='Text1' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Soyad:</div><div style='float:left;width:200px'><input id='Text2' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Ünvan:</div><div style='float:left;width:200px'><input id='Text3' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Uzmanlık:</div><div style='float:left;width:200px'><input id='Text4' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Cep Numarası:</div><div style='float:left;width:200px'><input id='Text5' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='line-height:6px'>&nbsp;</div><div style='float:right'><input type='button' id='Button2' name='btn_new_photo' value='Güncelle' class='theme05' /></div><div style='clear:both'></div></div>";

静的 div を作成できないため、上記の JavaScript で div を作成する必要があります。

これが私の簡単なjqueryコードです....

$(document).ready(function () {
        $('#menu_1').click(function () {
            var new_div = "<div class='rounded_corner_with_border_and_tag' style='line-height:35px'><span class='span_tags'>Temel Bilgiler</span><br /><br /><div style='float:left;width:130px'>İsim:</div><div style='float:left;width:200px'><input id='Text1' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Soyad:</div><div style='float:left;width:200px'><input id='Text2' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Ünvan:</div><div style='float:left;width:200px'><input id='Text3' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Uzmanlık:</div><div style='float:left;width:200px'><input id='Text4' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='float:left;width:130px'>Cep Numarası:</div><div style='float:left;width:200px'><input id='Text5' class='blue_input' type='text' /></div><div style='clear:both'></div><div style='line-height:6px'>&nbsp;</div><div style='float:right'><input type='button' id='Button2' name='btn_new_photo' value='Güncelle' class='theme05' /></div><div style='clear:both'></div></div>";

            $('#div_profile_container').append(new_div).fadein();
        });
    });

最初に div display:none を作成してからフェードインする必要がありますが、できませんでした。助けてください...

4

3 に答える 3

2

.hide()後に追加.append(new_div)

$('#div_profile_container').append(new_div).hide().fadeIn();

また、Explosion Pills が述べたように、方法はfadeIn(大文字の I) であり、 ではありませんfadein。

または、単にスタイル宣言を変更して作成することもできますstyle='line-height:35px; display: none;'

于 2013-03-18T15:47:13.047 に答える
1

私がいつも使用しているアプローチ（最初に.hide（）を使用する代わりに）は、要素を構築するときに「display」プロパティに「none」のフラグを立てるだけです。例えば：

<div class='rounded_corner_with_border_and_tag' style='line-height:35px; display:none;'>
于 2013-03-18T15:48:48.823 に答える
0

やっとやりました。ご協力いただきありがとうございます。div に Id を付けて非表示にしました

var new_div = "<br /><div id='div_menu_1' class='rounded_corner_with_border_and_tag' style='line-height:35px;display:none'>"

次に、それをdivに追加し、以下のjqueryでfadeInにしました

$('#div_profile_container').append(new_div);
$('#div_menu_1').fadeIn();
于 2013-03-18T16:07:12.640 に答える