0

ポップアップを開いて、divにネストしたいと思います。私はappendToを使用しています。クリックしたdiv内でポップアップを開く必要があります。親？

次に、いくつかのhtmlを追加します。私が欠けているものは何ですか？

フィドル： http： //jsfiddle.net/XeELs/151/

 if ($("#events .event").hasClass("selected")) {
            $('.popup-event').parent().appendTo($(".event"));
            $(this).fadeIn();
            $('.popup-event').append('<span class="close-popup-event" />'); 
        }else{
            $('.close-popup-event').fadeOut('');
       }

HTML

<div class="event">
</div>



<aside class="popup-event">

</aside>
4

4 に答える 4

0

最初のステートメントは逆です。$（ "。event"）。appendTo（$（'。popup-event'）。parent（））;に変更します。またはappendToをappendに変更すると、機能します。さらに、両方のjQueryオブジェクトが空でないことを確認します。

于 2012-04-26T15:18:32.497 に答える
0

あなたはこのようなことを試みるかもしれません：

http://jsfiddle.net/mkprogramming/XeELs/150/

$('.event a').click(function() {
        $('.popup-event').appendTo($(this).parent());
        $('.popup-event').fadeIn();
        $('.popup-event').append('<span class="close-popup-event" />'); 
});​

注目すべき重要な部分は$(this).parent()

于 2012-04-26T15:21:24.863 に答える
0

あなたのコードにはいくつかの間違いがあると思います。まず、（私が理解している限りでは）一意であるため、popup-eventにはクラスではなくidを使用する方がよいと思います。

また、あなたが書くとき

 $('.popup-event').parent().appendTo($(".event"));

「popup-event」divの親を「event」divに追加しようとします。

私がすること（私が正しく理解している場合）はこれです：

$("div.event").bind('click', function() {
 $("#popup-event").appendTo($(this));
});

「popup-event」にIDを設定し、クリックしたdiv内に表示したいとします。クリックしたdivの親の中に表示したい場合は、次のように追加します。

$(this).parent()
于 2012-04-26T15:25:19.153 に答える
0

このフィドルをチェックしてください：http：//jsfiddle.net/a9AHt/1/

イベントが発生するように、すべてをラップし<div id="events">てクラスを「選択済み」に変更しました。

句の.parent()inを削除すると、適切な要素がに配置されます。appendTo

また、その.eventdivがどこにあるかを基準$(this)にするために、クリックイベントで参照する必要があるため、誤って別のdivを取得することはありません。

最後に、 divに追加position:relativeして、常にその要素に含まれるようにします。.event

于 2012-04-26T15:29:25.813 に答える