Question

我正在建立一个网站，我想根据用户的输入将另一个链接的某些部分显示到模态窗口中。我建了这个

$placeholder.on('click', function(e) {
    e.preventDefault();
    var $popUpWindow = $(this).attr('href');
    var $windowNumber = '#' + $(this).attr('rel') ;

    $($popUpWindow).fadeIn(1000);

    $( "#modal-window" ).load( "ajax/project-info.html  $windowNumber");
    $('body').append('<div id="mask"></div>');

    $('#mask').fadeIn(600);
});

不幸的是，在加载函数中加载动态变量不起作用。当使用适当的id（＃part1而不是变量）时，它可以工作。我可以制作4个不同的网站并单独加载它们，但我不认为这非常干燥。有没有更好的方法来实现这一目标？

为了澄清，我现在有一个有4个不同div id的网站

Answer 1

Javascript不会扩展字符串中的变量，您必须使用串联：

$windowNumber = '#' + $(this).attr('rel');
$( "#modal-window" ).load( "ajax/project-info.html " + $windowNumber);

DEMO

jquery load（）使用变量来限制显示页面的某些部分

1 个答案: