主DIV上的JavaScript和jQuery切换不起作用
所以,我把它放在一些按钮的地方,当一个按钮被点击时,它会使隐藏的DIV的内容取消隐藏,这就是我所拥有的:主DIV上的JavaScript和jQuery切换不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以,我把它放在一些按钮的地方,当一个按钮被点击时,它会使隐藏的DIV的内容取消隐藏,这就是我所拥有的: HTML 我通过使用带有参数的JavaScript函数实现了这一点,该参数调用我需要.toggle()的Id或类。这可能是完全错误的想法,如果我错了,请纠正我。它的工作原理是Dac有一个数字类,函数参数是类,例如divToggle() 最后我有我的CSS,不确定这是否重要,但这里是: CSS 它似乎没有切换?我做错了什么 编辑 *固定链接为/p>而不是 另外,一次只能打开一个Dac Div
HTML
我通过使用带有参数的JavaScript函数实现了这一点,该参数调用我需要.toggle()
的Id或类。这可能是完全错误的想法,如果我错了,请纠正我。它的工作原理是Dac有一个数字类,函数参数是类,例如divToggle()
最后我有我的CSS,不确定这是否重要,但这里是:
CSS
它似乎没有切换?我做错了什么
编辑
*固定链接为/p>
而不是
另外,一次只能打开一个Dac Div吗?因为
distogle
本身就是一个点击处理程序,所以您应该在方法内部切换目标元素
另外,由于方法disToggle
用作内联处理程序,因此应该将其添加到全局范围中,默认情况下,jsfiddle将在window.onload=function(){…}
包装中添加给定的脚本,这将使disToggle
方法成为onload处理程序的私有方法。您需要在左侧面板->第二个下拉列表中选择无包裹-身体/头部
function disToggle(DacNumClass) {
$('.Dac').not(DacNumClass).hide()
$(DacNumClass).toggle();
}
演示:
更具jQuery风格的解决方案
<div class="ibox" data-target=".1">Button 1 (Displays the Dac 1)</div>
<div class="ibox" data-target=".2">Button 2 (Displays the Dac 2)</div>
<div class="ibox" data-target=".3">Button 3 (Displays the Dac 3)</div>
<div class="ibox" data-target=".4">Button 4 (Displays the Dac 4)</div>
<div class="ibox" data-target=".5">Button 5 (Displays the Dac 5)</div>
演示:因为disToggle
本身就是一个点击处理程序,所以您应该在方法内部切换目标元素
另外,由于方法disToggle
用作内联处理程序,因此应该将其添加到全局范围中,默认情况下,jsfiddle将在window.onload=function(){…}
包装中添加给定的脚本,这将使disToggle
方法成为onload处理程序的私有方法。您需要在左侧面板->第二个下拉列表中选择无包裹-身体/头部
function disToggle(DacNumClass) {
$('.Dac').not(DacNumClass).hide()
$(DacNumClass).toggle();
}
演示:
更具jQuery风格的解决方案
<div class="ibox" data-target=".1">Button 1 (Displays the Dac 1)</div>
<div class="ibox" data-target=".2">Button 2 (Displays the Dac 2)</div>
<div class="ibox" data-target=".3">Button 3 (Displays the Dac 3)</div>
<div class="ibox" data-target=".4">Button 4 (Displays the Dac 4)</div>
<div class="ibox" data-target=".5">Button 5 (Displays the Dac 5)</div>
演示:因为disToggle
本身就是一个点击处理程序,所以您应该在方法内部切换目标元素
另外,由于方法disToggle
用作内联处理程序,因此应该将其添加到全局范围中,默认情况下,jsfiddle将在window.onload=function(){…}
包装中添加给定的脚本,这将使disToggle
方法成为onload处理程序的私有方法。您需要在左侧面板->第二个下拉列表中选择无包裹-身体/头部
function disToggle(DacNumClass) {
$('.Dac').not(DacNumClass).hide()
$(DacNumClass).toggle();
}
演示:
更具jQuery风格的解决方案
<div class="ibox" data-target=".1">Button 1 (Displays the Dac 1)</div>
<div class="ibox" data-target=".2">Button 2 (Displays the Dac 2)</div>
<div class="ibox" data-target=".3">Button 3 (Displays the Dac 3)</div>
<div class="ibox" data-target=".4">Button 4 (Displays the Dac 4)</div>
<div class="ibox" data-target=".5">Button 5 (Displays the Dac 5)</div>
演示:因为disToggle
本身就是一个点击处理程序,所以您应该在方法内部切换目标元素
另外,由于方法disToggle
用作内联处理程序,因此应该将其添加到全局范围中,默认情况下,jsfiddle将在window.onload=function(){…}
包装中添加给定的脚本,这将使disToggle
方法成为onload处理程序的私有方法。您需要在左侧面板->第二个下拉列表中选择无包裹-身体/头部
function disToggle(DacNumClass) {
$('.Dac').not(DacNumClass).hide()
$(DacNumClass).toggle();
}
演示:
更具jQuery风格的解决方案
<div class="ibox" data-target=".1">Button 1 (Displays the Dac 1)</div>
<div class="ibox" data-target=".2">Button 2 (Displays the Dac 2)</div>
<div class="ibox" data-target=".3">Button 3 (Displays the Dac 3)</div>
<div class="ibox" data-target=".4">Button 4 (Displays the Dac 4)</div>
<div class="ibox" data-target=".5">Button 5 (Displays the Dac 5)</div>
演示:谢谢!但是一次只能打开一个Dac分区吗?哇,太棒了。谢谢,谢谢,再次感谢。这正是我需要的!(我会尽可能投最好的票)谢谢!但是一次只能打开一个Dac分区吗?哇,太棒了。谢谢,谢谢,再次感谢。这正是我需要的!(我会尽可能投最好的票)谢谢!但是一次只能打开一个Dac分区吗?哇,太棒了。谢谢,谢谢,再次感谢。这正是我需要的!(我会尽可能投最好的票)谢谢!但是一次只能打开一个Dac分区吗?哇,太棒了。谢谢,谢谢,再次感谢。这正是我需要的!(我会尽我所能投最好的一票)你知道的。toggle()-已在1.9版中删除@Jason不是这个实现的,它是被删除的。在这个例子中,你的操作非常正确,使用也很好,只是删除了两个函数切换:OJust,所以你知道。toggle()-已在1.9版中删除@Jason不是这个实现的,它是被删除的。在这个例子中,你的操作非常正确,使用也很好,只是删除了两个函数切换:OJust,所以你知道。toggle()-已在1.9版中删除@Jason不是这个实现的,它是被删除的。在这个例子中,你的操作非常正确,使用也很好,只是删除了两个函数切换:OJust,所以你知道。toggle()-已在1.9版中删除@Jason不是这个实现的,它是被删除的。在这个示例中,您的操作非常正确,使用也很好,只是删除了两个函数切换:O