动态修改html页面的参数jquery

时间:2012-11-05 09:26:22

标签: jquery solrj

我有一个函数,我从Solr索引中获取结果。代码如下:

AjaxSolr.theme.prototype.result = function (doc, snippet) {
 var figrhtmlocation=doc.imagelocation;
 var pdfl=doc.filelocation;
 var output = '<div> <h2>' + doc.caption+'</h2>';
 var figlink='<a href="" onclick="show_figure_html\('+'\''+figrl+'\''+'\)"> <p> See Figure </a>';
 var pdlink='<A href="'+pdfl+'"> \t See pdf </p> </A>';
 output+=figlink;
 output+=pdlink;
 output += '<p>' + snippet + '</p></div>';
 return output;
};

如您所见,我正在创建一个名为“See Figure”的每个结果的链接。现在,当我点击该链接时,在我的show_figure_html函数中,我想做以下事情:

  1. 在新窗口或现有窗口中打开html页面(例如,figuredescription.html)。

  2. figuredescription.html页面有一个div元素figuredisplay,我想动态地附加figrlocation作为图像文件的来源。类似于在figuredescription.html div元素中附加图像位置的东西。

  3. 我怎样才能用jquery做到这一点?我对此很新,所以如果这个问题看起来很幼稚,请原谅我。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

要在新窗口中打开,请将代码更改为

  var figlink='<a href="" target="_blank" onclick="show_figure_html\('+'\''+figrl+'\''+'\)"> <p> See Figure </a>';

并在您的figuredescription.html上添加

$(function(){
  $(figuredisplay).html('your source for image ie figrlocation ')
})

这里的figuredisplay可以是元素的类,也可以是元素的id。 如果类然后使用('.figuredisplay')和id使用('#figuredisplay')