javascript - JQuery .load() 到变量或隐藏元素中

Question

我正在将数据从一个页面的一部分提取到另一页面以构建菜单。我需要将数据提取到隐藏元素或变量中，因为现在我最终得到了一个重复的菜单。我的动态飞出和静态<ul><li>的。菜单就是由这些组成的。

这是我到目前为止所拥有的:

<script type="text/javascript">
$(document).ready(function(){
    $('div.ms-quickLaunch').replaceWith('<div id="hierarchy" style="border:solid 1px white; width:0px; visibility:hidden"></div>');
    });

$(function(){
            $('#hierarchy').load('http://wwcshare/icenter/Pages/wwcMenuContent.aspx #menuContent',
                function(){
                    $(this).menu({
                        autoShow: true,
                        content: $(this).html(),
                        backLink: false,
                        crumbDefaultText: ' '
                    });
                });         
            });
</script>

这有效，只是我的菜单不再放置在它所属的位置。它位于页面顶部，而不是 #hierarchy div 旁边。 .

<小时/>

这是我基于答案之一的替代尝试:

$(function(){    
            $.get('http://wwcshare/icenter/Pages/wwcMenuContent.aspx', function(data){ // grab content from another page
                contentIwant = data.find("#menuContent");
                $('#hierarchy').menu({
                    autoShow: true,
                    content: contentIwant,
                    backLink: false,
                    crumbDefaultText: ' '
                });
            });
        });

Answer 1

$.get() 比 $.load() 更适合您的目的

使用 $.get() 您可以在将数据加载到页面之前对其进行处理