Question

我正在使用jquery .load()函数从网址加载外部内容，该函数附加到onclick事件函数中，父文档是一个提示窗口。

以下是我在开放浏览器窗口中的HTML代码。

window.open("http://localhost/content1.php", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");

在窗口内部href带有onlick事件。

 <a href="#" onclick="getFeature('3','book1');">FEATURE / OPTIONS</a>

我的javascript函数#mainContentTab位于打开的窗口的主体上。

 function getFeature(id,mod) {

    var  url = encodeURI('content2.php?ID='+id+'&mod='+mod);

        ('#mainContentTab').load(url);

 }

我的问题是当两个窗口打开并且我单击该功能时，两个窗口同时加载相同的内容，所以我尝试.find()功能仅在焦点窗口上加载内容。 / p>

我的代码尝试了.find()函数，但它无效。

  function getFeature(id,mod) {

    var  url = encodeURI('content2.php?ID='+id+'&mod='+mod);

               $(this).find('#mainContentTab').load(url);

  }

Answer 1

这是因为#mainContentTab并不是唯一的，因为当您点击/执行该功能时，它会更改所有#mainContentTab的内容既然您在getFeature(id,mod)函数中传递了ID，为什么不在#mainContentTab上添加该ID？

实施例

<div id="#mainContentTab-3"></div>

然后将您的功能修改为。

  function getFeature(id,mod) {

    var  url = encodeURI('content2.php?ID='+id+'&mod='+mod);


               console.log($('#mainContentTab'+id).load(url));

 }

+ id将id附加到目标元素中，使其唯一。

Jquery将url加载到当前窗口目标元素中

1 个答案: