Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.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
主DIV上的JavaScript和jQuery切换不起作用_Javascript_Jquery_Html_Css - Fatal编程技术网

主DIV上的JavaScript和jQuery切换不起作用

主DIV上的JavaScript和jQuery切换不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以,我把它放在一些按钮的地方,当一个按钮被点击时,它会使隐藏的DIV的内容取消隐藏,这就是我所拥有的: HTML 我通过使用带有参数的JavaScript函数实现了这一点,该参数调用我需要.toggle()的Id或类。这可能是完全错误的想法,如果我错了,请纠正我。它的工作原理是Dac有一个数字类,函数参数是类,例如divToggle() 最后我有我的CSS,不确定这是否重要,但这里是: CSS 它似乎没有切换?我做错了什么 编辑 *固定链接为/p>而不是 另外,一次只能打开一个Dac Div

所以,我把它放在一些按钮的地方,当一个按钮被点击时,它会使隐藏的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