Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 从外部页面打开手风琴项目_Jquery_Anchor_Accordion_External Links - Fatal编程技术网

Jquery 从外部页面打开手风琴项目

Jquery 从外部页面打开手风琴项目,jquery,anchor,accordion,external-links,Jquery,Anchor,Accordion,External Links,我想从外部链接打开一个手风琴项目 大概是这样的: 用户单击第1页上的链接,第2页加载并滚动到打开的手风琴项目 我使用了滚动这个词,因为我将有几个手风琴项目 我试着测试我在这里找到的一些答案,但我无法定制它们来配合我的手风琴 你的帮助将是非常合适的 多谢各位 我的手风琴结构: <div id="accordion" class="accordion"> <div class="accordion-item" id="item-1">

我想从外部链接打开一个手风琴项目

大概是这样的: 用户单击第1页上的链接,第2页加载并滚动到打开的手风琴项目

我使用了滚动这个词,因为我将有几个手风琴项目

我试着测试我在这里找到的一些答案,但我无法定制它们来配合我的手风琴

你的帮助将是非常合适的

多谢各位

我的手风琴结构:

 <div id="accordion" class="accordion">    

      <div class="accordion-item" id="item-1">
         <div class="accordion-header">
            Simple text 
            <span class="accordion-item-arrow"></span>
         </div>
          <div class="accordion-content">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Morbi quis egestas nulla. Vestibulum sit ame.t 
          </div>
     </div>

    <div class="accordion-item" id="item-2">
         <div class="accordion-header">
            Simple text 
            <span class="accordion-item-arrow"></span>
         </div>
          <div class="accordion-content">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Morbi quis egestas nulla. Vestibulum sit ame.t 
          </div>
     </div>

</div>

简单文本
Lorem ipsum dolor sit amet,是一位杰出的献身者。
莫比·奎斯·埃吉斯塔斯·努拉。前庭
简单文本
Lorem ipsum dolor sit amet,是一位杰出的献身者。
莫比·奎斯·埃吉斯塔斯·努拉。前庭
手风琴的工作原理: “手风琴项目”在单击时获取一个活动类,并打开“手风琴- 内容“:


jQuery(document).bind(“ready”,function(){
accordion=jQuery(“#accordion”).accordion();
});
外部页面上的链接结构(第一页):


打开手风琴第一项
打开手风琴第二项

在保存accorbian的页面上,检索查询字符串(现在它本身是错误的,不需要使用),然后在此基础上,从accorbian打开所需的选项卡。假设您有url“page-2.html#item-1”,只需检索字符后的文本部分即可。然后,只需执行以下操作:$('#').trigger(“click”);。它会工作的。谢谢你的回复初始化,你能写代码让我更好地理解吗?谢谢回复NeuralIT用户,我想我需要看看代码,你能写下来吗?请创建一个你的代码小提琴,这样会给你一个更新。
<script type="text/javascript">
    jQuery(document).bind("ready", function(){  
    accordion = jQuery("#accordion").accordion();
    });
</script>
<button onclick="location.href='page-2.html#item-1';"> 
Open Accordion item one</button>

<button onclick="location.href='page-2.html#item-2';"> 
Open Accordion item Two</button>