-2 
$("#mainMenu").children('li').eq(0).children('a').bind({
    click : function() {

ここでは、ブロックを脇に置いてセクションをクリアしています。そして、を追加して動的に作成しますworksParser();。

        $('aside > *').remove();
        $('section > *').remove();
        worksParser();

そして、ここで関数fromAsideToSectionを呼び出したいと思います。そして、ブロックするために追加されたdom要素$('aside').children('.workExample')を脇に送ります。

        var x = $('aside').children('.workExample');
        alert(x);
        fromAsideToSection.call(x);

ただし、xは。(object object)の代わりにを返し(object HtmlDivElement)ます。(object HtmlDivElement）を関数に送信するにはどうすればよいですか？

    }
});

function worksParser() {
    $.ajax({
        type : "GET",
        url : "base.xml",
        dataType : "xml",
        success : function(xml) {
            $(xml).find('siteExample').each(function() {
                var name_dump = $(this).attr('name');
                var mediaType_dump = $(this).attr('mediaType');
                var media_dump = $(this).attr('media');
                var video_dump = $(this).text();
                var description_dump = $(this).attr('description');
                var url_dump = $(this).attr('url');

                if (mediaType_dump != 'video') {
                    $('aside').append('<div class="workExample"><div class="mediaName">' + name_dump + '</div><div class="exampleMedia"><img src="' + media_dump + '" alt="" /></div><div class="descrExample" style="display: none">' + description_dump + '</div><div class="urlExample" style="display: none">' + url_dump + '</div></div><div class="separator"></div>');
                } else {
                    $('aside').append('<div class="workExample"><div class="mediaName">' + name_dump + '</div><div class="exampleMedia"><img src="' + media_dump + '" alt="" /></div><div class="descrExample" style="display: none">' + description_dump + '</div><div class="videoExample" style="display: none">' + video_dump + '</div></div><div class="separator"></div>');
                }
            });
        }
    });
}


function fromAsideToSection() {
    alert(this);
    if ($(this).children('.videoExample').length > 0) {
        $('section > *').remove();
        $('section').append('<div id="mediaName" class="mediaName">' + $(this).children(".mediaName").text() + '</div><div id="mediaBlock"></div><div id="mediaMore">Описание</div><div id="mediaDescription">' + $(this).children('.descrExample').text() + '</div>');
        $('section').children('#mediaBlock').append($(this).children(".videoExample").children().clone("withDataAndEvents, deepWithDataAndEvents"));

    } else {
        $('section > *').remove();
        $('section').append('<div id="mediaName" class="mediaName">' + $(this).children(".mediaName").text() + '</div><div id="mediaBlock"><a target="_blank" style="" href="' + $(this).children('.exampleMedia').children('img').attr('src') + '"> <img src=' + $(this).children('.exampleMedia').children('img').attr('src') + ' alt="1.jpg"></a></div><div id="mediaMore">Описание</div><div id="mediaDescription">' + $(this).children('.descrExample').text() + '</div>');
    }
    sectHeight = null;
    oldHeight = null;
    sectHeight = $('section').height();
    $('aside').height(sectHeight);
}
4

1 に答える 1

0

これは.get（）の仕事のように聞こえます*

x.get();

あなたの提出に基づく単純なフィドル

しかし、あなたの関数fromAsideToSection（ちなみにカットオフされています）は使用して$(this)いるので、これが要素またはjQueryオブジェクトである場合、それは問題ではありません-jQueryはそれを認識し、jQueryである$(this)かどうかにかかわらず本質的に同じものになりますthisオブジェクトまたはDOM要素。私はそれをフィドルで強調しました。

* ajaxの省略形jQuery.get（）と混同しないでください。ref：api.jquery.com/jQuery.get/

于 2013-01-28T06:19:38.280 に答える