如何链接到另一个页面的标签部分?

时间:2009-09-09 12:18:35

标签: jquery tabs hyperlink

我有一个网页,如果我点击页面中的链接,它应该被重定向到另一个网址的特定标签。也就是说,我的主页上有一个名为“已提交”的链接。如果单击该链接,则会显示视图页面的“已提交”选项卡。这可能吗?

$status="Submitted";
<a id="formStatus<?php echo $status;?>" class="code_link" href="/FormBuilder/main/viewAllMyForms"><?php echo $status;?></a>

在我的viewAllMyForms页面中,我有一个像

这样的标签部分
<ul id="sort_by" class="horizontal_navigation float_left">
   <span class="showfilter">Show:</span>
        <li> <a id="all"  class="selected" href="#">All</a></li>
        <li> <a id="drafted"  href="#">Drafts</a></li>
        <li> <a id="submitted"  class="last" href="#">Submitted</a></li>
</ul>

在我的脚本中,我有以下代码,因此当我单击viewAllMyForms页面中的“已提交”选项卡时,只显示状态为“已提交”的表单。

$('#submitted , #formStatusSubmitted').click(function(){

<?php foreach($myForms as $form):
  if($form['Form']['status']=="Incompleted"){ ?>
    $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).hide();
<?php }

 else{?>
   $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).show();
<?php }
endforeach;?>
$('#sort_by').find(".selected").removeClass();
$('#submitted').addClass("selected");
});

那么当我点击主页中的“提交”链接时,如何将其连接到viewAllMyForms页面中的“已提交”链接?

2 个答案:

答案 0 :(得分:2)

您应该从第一页重定向到secondpage.html#submitted

在JavaScript中,如果有可用的主题标签,则检查secondpage.html的$(document).ready()

document.location.hash

如果有'#submitted',则会显示您网页的已提交部分。

答案 1 :(得分:1)

我不完全确定你要问的是什么,但如果你想触发你为标签做的点击事件,那么你可以使用带有哈希标记的jQuery trigger,如下所示: 1月:

if (location.hash == "submitted") {
    $("#submitted").trigger("click");
}

然后设置您的链接以包含主题标签:

<a id="formStatus<?php echo $status;?>" class="code_link" 
   href="/FormBuilder/main/viewAllMyForms#submitted"><?php echo $status;?></a>