Javascript 单击导航栏上的某些链接后,侧栏导航将停止工作
我有。在同一个页面上,我有一个表单,当我点击一个链接时它会显示出来,我现在的问题是,只有当我点击它的链接时它才会工作,如果我点击一个不同的导航链接,然后尝试点击它来切换表单,它不工作,其他导航链接也是如此 我尝试了Javascript 单击导航栏上的某些链接后,侧栏导航将停止工作,javascript,jquery,html,Javascript,Jquery,Html,我有。在同一个页面上,我有一个表单,当我点击一个链接时它会显示出来,我现在的问题是,只有当我点击它的链接时它才会工作,如果我点击一个不同的导航链接,然后尝试点击它来切换表单,它不工作,其他导航链接也是如此 我尝试了$(“.dropdown toggle”).dropdown()这是我用来切换表单的JQuery代码 $(document).ready(function(){ $(".ps").click(function(){ if($("#div_data").is(":
$(“.dropdown toggle”).dropdown()代码>这是我用来切换表单的JQuery代码
$(document).ready(function(){
$(".ps").click(function(){
if($("#div_data").is(":visible")){
$("#div_data").hide();
} else {
$("#div_data").show();
}
return false;
});
});
如何确保无论我单击了哪个链接,导航都能正常工作,并且表单即使在单击其他导航链接后也会显示?您选择了$(“.ps”)
,这意味着表单仅在您单击“程序表”链接时显示。如果要在单击所有其他链接时切换表单,只需使用$(“a”)
此外,您还忘了将Jquery插入到JSFIDLE示例中。我不确定这是否是您遇到问题的原因。单击事件仅应用于$(“.ps”)
。这就是为什么它只在我点击它的链接时才起作用的原因。您还必须将单击事件应用于其他相关元素。是的,我希望表单在我单击该链接时切换表单,现在的问题是,当我单击其他链接并返回时,它不会切换表单。单击其他导航链接后,#div_data
是否仍然存在?是的,会发生什么,当我点击一个不同的导航链接时,应该会显示一些其他内容,但现在这种情况发生了,当我回到表单链接时,它不会显示。不,我只想在点击该链接时切换表单。不是所有链接,抱歉,我会添加它。您的JSFIDLE示例对我来说很好。尝试我上面使用的slideToggle()
函数。是的,即使你的建议也有效,问题是当我在页面上显示数据时,单击其他链接我会发出ajax请求,但当显示数据时,我尝试切换表单,直到刷新后它才会显示在页面上。我已经将段落添加到我的小提琴中,只需打开表单,然后尝试切换p标签,看看它是如何响应的,这与我所经历的类似。在fiddle中看不到段落。我仍然不清楚这个问题。
$("a").click(function(){
$("#div_data").slideToggle();
});