超链接打开具有特定元素并处于活动状态的其他网页

如何解决超链接打开具有特定元素并处于活动状态的其他网页

| 此问题是指此页面上的主（标题）导航菜单。单击“服务”下拉子菜单中的任何项目时，我希望打开“服务”页面（在现有浏览器窗口中），并希望在“服务”中找到特定的锚标记元素”页面上。我已经做到了这一点。但是，当目标锚标签成为焦点时，我希望它也表现得像对其父div进行了手动鼠标悬停一样，即应该有一个向下滑动的文本对应于焦点元素。对于手动演示，请转到此处并将鼠标悬停在垂直列表项之一上-文本将向下滑动到列表的右侧。 \“服务\”子菜单链接的HTML：

<li> <a href=\"services.html#collabSol\" class=\"pagefade\" onclick=\"var w=window.open(this.href,\'_self\'); w.focus();\">collaborative law</a></li>

目标\“ a \”标记及其父div的HTML（即\“ a \”标记应重点放在\“ Services \”页面上）：

<div id=\"mylist1\"><h3><a href=\"\" id=\"mytag1\" name=\"collabSol\">Collaborative Solutions</a></h3></div>

用于驱动焦点\“ a \”标签及其父div的悬停行为的脚本：

//fades in desired text after fading out whatever text is already displayed:
$(document).ready(function() {
    $(\'#mylist1\').mouSEOver(function() { //note first list item must be called mylist1 to avoid conflict with other code
  if ( !$(\'#text1\').is(\":visible\") ) { //prevents re-display if desired text already displayed
$(\".shownText\").slideUp(100).removeClass(\'.shownText\');
$(\'#text1\').slideDown(300,\'linear\'); 
  }
    });
//capture click events as well:
/* $(\'#mylist1\').click(function() {  
  if ( !$(\'#text1\').is(\":visible\") ) { //prevents re-display if desired text already displayed 
$(\".shownText\").slideUp(100).removeClass(\'.shownText\');
$(\'#text1\').slideDown(300,\'linear\');
} 
   });*/
//capture focus events on <a> as well:
 $(\'#mytag1\').focus(function() {  
  if ( !$(\'#text1\').is(\":visible\") ) { //prevents re-display if desired text already displayed 
$(\".shownText\").slideUp(100).removeClass(\'.shownText\');
$(\'#text1\').slideDown(300,\'linear\');
} 
});
});

注意，主导航菜单是通过Dreamweaver扩展使用jquery创建的。到目前为止，我有：打开“服务”页面时，将正确对准目标（如浏览器地址栏所示）。但是，此焦点不会触发预期的文本向下滑动事件。当我点击选项卡时，下一个列表div成为焦点（如预期的那样），并且适当的文本向下滑动。我希望太多吗？我是否误解了“集中注意力”的局限性？霍瑟姆山今年会有杀手级的雪季吗？我们非常欢迎您的明智建议！柯克

解决方法

我不确定您对\“ infocus \\\”的使用是否符合我的期望... url中有一个片段不一定会使焦点集中于该元素，它只是将显示向下移动。我认为它可用于制表的原因是制表确实集中在元素上，并且假定它始于已滚动到的元素。我建议将显示脚本分解为一个命名函数（以便可以在其他地方使用），然后在页面加载时可以从URL中提取该片段（例如#famLaw）。使用该片段，您应该能够在页面上找到正确的元素并将其聚焦。还应注意，将显示文本拉到单独的函数中具有合并代码的优点-您基本上是在onfocus和onready事件中复制代码，因此对其进行分解可使维护和重用更加容易。 :) 附言我想霍瑟姆山是。我以前从未听说过，但我会感到乐观。