简单切换(Jquery)不起作用
Simple Toggle(Jquery) not working
>我有一个span标签;我想有一个切换选项。我尝试使用JQuery,但它不起作用。
这是我的代码:
<li class ="span2"><span id="test">Click here</span>
<ul class ="dropDown" id="idGraphic" style="display: none;">
<li class ="span1" id ="photoAbout">
<?php
echo anchor(LINK_GRAPHIC_ABOUT, 'About', array('style' => 'color:white;'));
?>
</li>
<li class ="span1" id ="photoGallery">
<?php
echo anchor(LINK_GRAPHIC_GALLERY, 'Gallery', array('class' => $hover, 'style' => 'color:white;'));
?>
</li>
</ul>
</li>
我的Javascript代码是:
$( "#test" ).click(function() {
$( "#idGraphic" ).toggle();
});
因此,每当我使用 id=test 单击跨度时,它应该显示两个 UL!
请让我知道我的代码和我的解释是否清楚;如果没有,请让我知道你需要进一步澄清哪一部分。
谢谢
我认为您的代码没有任何问题。 我怀疑PHP正在生成空白数据,因此您看不到任何内容
切换已被弃用..您应该检查可见性并将其设置为显示或隐藏。
if ($(this).is(':visible')) { $(this).hide() }
else { $(this).show()); }
原始 HTML:->
<li class ="span2">
<span id="test">Click here</span>
<ul class ="dropDown" id="idGraphic" style="display: none;">
<li class ="span1" id ="photoAbout">
<?php
echo anchor(LINK_GRAPHIC_ABOUT, 'About', array('style' => 'color:white;'));
?>
</li>
<li class ="span1" id ="photoGallery">
<?php
echo anchor(LINK_GRAPHIC_GALLERY, 'Gallery', array('class' => $hover, 'style' => 'color:white;'));
?>
</li>
</ul>
</li>
原始Javascript:->
$( "#test" ).click(function() {
$( "#idGraphic" ).toggle();
});
编辑的Javascript:->
<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#test').click(function() {
$('#idGraphic').toggle();
});
});
</script>
将编辑后的 javascript 代码放在结束正文标签的末尾之后。我猜你已经把它放在了 head 标签中,这就是你的 jQuery 代码在页面完全加载之前被执行的原因。希望这对您有所帮助。
相关文章:
- ng-view 中的脚本在从文件引用时不起作用(JQuery 在角度之前加载)
- 转换效果不起作用jquery
- 淡入淡出和AppendTo不起作用-jQuery
- 变量计算不起作用(jquery/javascript)
- 更改事件不起作用 jQuery 自动完成
- 倒计时不起作用 jquery
- ajax 响应包括 image,onClick 事件对图像不起作用 jQuery
- 从JavaScript添加html,但不起作用jQuery切换功能
- 简单的工具提示插件 - 点击选项不起作用 - jQuery
- 图像滑块不起作用(jquery)- Rails 3项目
- 触发单击事件不起作用 jquery
- 动态创建的 li 点击事件不起作用 jQuery
- Jquery验证不起作用.Jquery-Javascript
- JavaScript生成的元素不起作用-jQuery
- 事件委派不起作用jquery
- 类选择器在追加后不起作用 (JQuery)
- 为什么这个变量不起作用?Jquery
- 首先,渐变有时似乎不起作用(jquery)
- 有什么原因吗('img')加载不起作用(jQuery)
- 更改不起作用jQuery