将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()可以在将数据加载到页面之前处理数据