Question

我有一个html页面（django），其中包含几个div（每个显示不同的数据）和一个包含导航链接的div。我将这称为我的主页。我有一个外部.js文件（jQuery），在主页面上显示一个显示div，同时根据选择的导航链接隐藏所有其他（导航div除外）。

$（函数（）{

$("#sl_sectorbr").click(function showSectorMini(){
  $(".minimenu").hide();
  $(".minimenu > *").hide();
  $("#sector_mini").fadeIn("slow");
  $("#sector_mini > *").fadeIn("slow");
});

所有这一切都很好。我的问题是，如果我想在第二个html页面上放置“导航链接”;单击时将加载我的主页并调用/执行特定的功能，如 “showSectorMini（）”就好像是从主页本身点击一样 - 我该怎么写这段代码？我真的很感激我能得到的任何帮助。

哦......现有的班级是......

}
/* ------- Interaction Containers Class -------- */
.interactContainers {
padding:8px;
border:#999 1px solid;
display:none;
}

但你可能已经知道了！

史蒂夫

...君子

这正是我所需要的，而且我的复杂程度要低于此。用脚本打开一个div。到目前为止，我是一个无能为力的人。：（

你如何根据我的需要愚蠢？

单独的页面链接是： <a href="myprofile.php?id='. $id .'" target="_parent">Email</a></div>

它转到代码的页面是：

function toggleSlideBox(x) {
    if ($('#'+x).is(":hidden")) {
            $(".interactContainers").slideUp(200);
            $('#'+x).slideDown(300);

    } else {
        $('#'+x).slideUp(300);
    }
}

而div就是这个......

<div class="interactContainers"  id="interactContainers" style="background-color: #EAF4FF;">

我只想从一个页面点击链接（电子邮件）...让它打开正确的人（id）个人资料页面...然后执行我现有的toggleSlideBox javascript。

如果没有一堆或重新编码我的智商为4英寸的javascript，那是可行的。：\

感谢您提供的任何帮助

取值

Answer 1

你可以使用哈希 - 链接到http://example.com/#sectionOne并读取你准备好的函数中的哈希值。

Answer 2

正如SidneySM建议的那样，哈希是处理此问题的标准方法。它可能会是这样的：

在你的外部js文件中：

var initSectorUI = function(){
  if (location.hash) showSectorMini(location.hash);
};

var showSectorMini = function(sector){
  $('#sectors > div').hide();
  $(sector).show();
};

在您的其他页面上：

$(function(){
  initSectorUI();

  $("#navigator a").click(function(){ 
    showSectorMini($(this).attr('href'));
  });
});

<div id="navigator">
  <a href="#one">One</a>
  <a href="#two">Two</a>
</div>
<div id="sectors">
  <div id="one" style="display:none">A one</div>
  <div id="two" style="display:none">A two</div>
</div>

Answer 3

您应该安排生成不同版本的页面，并在每个版本中添加不同的onload操作。例如，使div显示查询参数，并根据查询参数使django填充正确的onload。然后将不同的查询参数放入链接中。

从另一页面上的链接调用一个页面上的函数

3 个答案: