从页面获取特定内容以通过Ajax插入Bootstrap 3模式

Question

我试图通过ajax将页面中的特定内容拉入bootstrap 3模态，但只能拉入整个页面。

这是我的jQuery代码：

function wineMap() {

    var wh = $(window).height();
    var hh = $('#masthead').height();
    $('.wine-menu #mainstage').css({
        height: wh-hh-80
    });
    $('#wine-map').vectorMap({
        map: 'world_en',
        backgroundColor: '#000',
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        scaleColors: ['#ffffff', '#eeeeee'],
        normalizeFunction: 'polynomial',
        onRegionClick: function(element, code, region){
            if (code == 'us')    {
                var url = 'http://cb.dannycheeseman.me/wine-menu/'+code;
            }
            $('#theModal').modal({
                show : true,
                remote: url
            });
        }
    });
}

$(document).ready(function(e) {
    wineMap();
});

这是网址http://cb.dannycheeseman.me/wine-menu/ （点击美国）

我努力了：

function wineMap() {

    var wh = $(window).height();
    var hh = $('#masthead').height();
    $('.wine-menu #mainstage').css({
        height: wh-hh-80
    });
    $('#wine-map').vectorMap({
        map: 'world_en',
        backgroundColor: '#000',
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#666666',
        enableZoom: true,
        scaleColors: ['#ffffff', '#eeeeee'],
        normalizeFunction: 'polynomial',
        onRegionClick: function(element, code, region){
            if (code == 'us')    {
                var url = 'http://cb.dannycheeseman.me/wine-menu/'+code;
            }
            $('#theModal').modal({
                show : true,
                remote: url+'#menu-home-location'
            });
        }
    });
}

$(document).ready(function(e) {
    wineMap();
});

注意：

                remote: url+'#menu-home-location'

我希望可以仅提取该id的内容，但仍会提取整个页面。

问候

Answer 1

好的，因此，在阅读了jQuery load函数之后，我意识到您想要添加的内容的ID之前需要一个空格，因此：

            $('#theModal').modal({
                show : true,
                remote: url+'#menu-home-location'
            });

成为：

            $('#theModal').modal({
                show : true,
                remote: url+' #menu-home-location'
            });

而且效果很好。