Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.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
Javascript 使用URL触发onClick事件_Javascript_Triggers_Onclick_Accordion - Fatal编程技术网

Javascript 使用URL触发onClick事件

Javascript 使用URL触发onClick事件,javascript,triggers,onclick,accordion,Javascript,Triggers,Onclick,Accordion,我希望能够导航到一个页面,并在accordion js结构的三个内容容器之一中打开内容 以下是html: <div id="navigation"> <div id="AccordionContainer" class="AccordionContainer"> <div onclick="runAccordion(1); ContentHeight=1040;" id="reel"> <div c

我希望能够导航到一个页面,并在accordion js结构的三个内容容器之一中打开内容

以下是html:

<div id="navigation">
<div id="AccordionContainer" class="AccordionContainer">
            <div onclick="runAccordion(1); ContentHeight=1040;" id="reel">
                <div class="AccordionTitle" onselectstart="return false;">REEL</div>
            </div>
            <div id="Accordion1Content" class="AccordionContent">
                <div id="reelSpots">
                    content
                </div>
            </div>
            <div onclick="runAccordion(2); ContentHeight=1075;">
                <div class="AccordionTitle" onselectstart="return false;">ABOUT</div>
            </div>
            <div id="Accordion2Content" class="AccordionContent">
                content
            </div>
            <div onclick="runAccordion(3); ContentHeight=175;">
                <div class="AccordionTitle" onselectstart="return false;">CONTACT</div>
            </div>
            <div id="Accordion3Content" class="AccordionContent">
                content
            </div>
        </div>
    </div>

卷轴
内容
关于
内容
接触
内容
下面是我的javascript:

// JavaScript Document

var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';

  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
      + openAccordion + "','" + nID + "')", 33);

  openAccordion = nID;
}

function animate(lastTick, timeLeft, closingId, openingId)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;

  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);

  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
      opening.style.height = ContentHeight + 'px';

    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }

  timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.height = (ContentHeight - newClosedHeight) + 'px';
  }

  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
      + closingId + "','" + openingId + "')", 33);
}
//JavaScript文档
var-ContentHeight=200;
var-TimeToSlide=250.0;
var openAccordion=“”;
功能运行手风琴(索引)
{
var nID=“手风琴”+索引+“内容”;
如果(openAccordion==nID)
nID='';
setTimeout(“动画”(“+new Date().getTime()+”,“+TimeToSlide+”,”
+openAccordion+“,”+nID+“)”,33);
openAccordion=nID;
}
函数animate(lastTick、timeLeft、closingId、openingId)
{  
var curTick=new Date().getTime();
var elapsedTicks=curTick-lastTick;
var opening=(openingId=“”)?null:document.getElementById(openingId);
var closing=(closingId=“”)?null:document.getElementById(closingId);

如果(timeLeft您可以使用JQuery的pageready函数以及URL解析来触发单击事件: 假设您的URL看起来像:
http://mysite.com/?page=reel

$(function() {
    var url = window.location.href;
    var page = url.match(/page=([^\?]+)/)[1];
    if (page=="reel") { runAccordion(1); }
});

您也可以为其他页面名称添加案例。

感谢您的帮助,lubar。我在浏览器控制台中遇到以下错误:未捕获类型错误:对象[Object Location]没有方法“匹配”。对不起,应该是window.Location.href。我更新了我的答案。