2016-05-12 71 views
-1

我的菜单链接使用jQuery脚本将各种HTML脚本加载到index.php页面上的div中。菜单项“信息”将sectionInfo.html放入index.php页面。这个脚本包含一个简短的表单,如果他们滥用表单,可能会弹出一个alert()。但是,当警报被接受时,页面重新加载到默认index.php,然后用户必须再次从菜单中选择信息以返回到表单所在的位置。我怎样才能从警报中重新加载正确的div?从javascript警告中加载div

jQuery脚本的菜单链接:

$('.trigger').click(function(){ 
    var url = $(this).attr('href'); 
    $('#target').load(url) 

菜单链接:

<ul> 
    <li> 
     <a href="sectionInfo.html" class="trigger">Info</a> 
    </li> 
</ul> 

警报:

function validateMyForm1() { 
    alert("Alert goes here "); 
    window.location = 'href="sectionInfo.html" class="trigger"'; 
} 

在index.php

体的DIV
<div id="target"></div> 

我查了其他帖子,并尝试了各种选择。请帮忙,如果你点击我,请告诉我为什么,因为我经常被点击,不知道为什么。谢谢。

https://codereview.stackexchange.com/questions/64192/loading-div-sections-from-separate-files

calling jquery from a javascript function

Go to URL after OK button in alert is pressed

的jQuery脚本较长脚本,我包括在此编辑的部分:其下部的滑下文本的HTML文件。

$('.trigger').click(function(){ 
    var url = $(this).attr('href'); 
    $('#target').load(url, function() { 
     $('#faqs h1').each(function() { 
      var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp(); 
      tis.click(function() { 
       state = !state; 
       answer.slideToggle(state); 
       tis.toggleClass('active',state); 
      }); 
     }); 
    }); 
    return false; 
}); 
+5

究竟是你想在这里做什么?:'了window.location =“HREF =‘sectionInfo.html’级=‘触发’” ;' – David

+0

我正在尝试各种可能性。谢谢你指出什么可能是错的。 –

+0

我再次投了票,我不知道为什么。如果你没有说明原因,那么投票的重点是什么。没有什么变化,我没有得到任何理解,从而避免再次发生。 –

回答

1

在你的JS一对夫妇的问题,在你的第一个例子中,你需要调用preventDefault()event停止链接被跟踪:

$('.trigger').click(function(e) { 
    e.preventDefault(); 
    $('#target').load($(this).attr('href')) 
}); 

在第二个代码示例您的字符串位置完全错误,您只需将URL设置为字符串即可。我个人比较喜欢这样做使用assign()方法,像这样:

function validateMyForm1() { 
    alert("Alert goes here"); 
    window.location.assign('sectionInfo.html'); 
} 
+0

我试过你的建议,但我可能没有能够正确地集成你的顶级代码,因为我的jQuery代码是我没有包含的更长的脚本的一部分,因为它具有不同的功能(滑动文本)....默认索引。 PHP文件继续进来。请你重新看看我编辑的问题,看看完整的jQuery并提出建议。谢谢。 –

+0

我把我的网站精简到最低限度,删除滑动文本,缩短jQuery完全按照您所描述的,测试,我仍然返回到index.php的开始div。我在脚本中的各个地方放置了警报函数,并且我仍然被返回到默认的div? –