使用变量中的ID来显示另一个html文件的一部分

时间:2016-09-15 09:19:56

标签: javascript jquery html

我是初学者,所以这可能是一个有趣的问题。 我正在为我的投资组合网站建立一个小画廊。 我想得到的是:点击具有特定ID的div后,我想使用该Id获取具有相同ID的另一个HTML文件的一部分并将其放在屏幕上。就像一个弹出式的galery。 以下是我创建的一些代码,用于测试我点击的ID。

$('.project').click(function(){
    var clickedID = this.id;
    $('.wrapper').load('galery.html ', function (){
        ...
    });
    alert(clickedID);}
);

我将不胜感激任何帮助:)

2 个答案:

答案 0 :(得分:0)

你改变了代码

$('.project').click(function(){
var clickedID = this.id;
 $('.wrapper').load('galery.html ', function (){
    alert(clickedID);
  });
});

答案 1 :(得分:0)

你可以这样做

$('.project').click(function(){
 var clickedID = this.id;
 $('.wrapper').load('galery.html #' + clickedId, function (){});
})

这将解析 galery.html 并找到clickedId并插入.wrapper