创建复选框
Creating a Checkbox
我正在尝试创建一个复选框选项为我的一个小部件在Wordpress,所以当它被选中时,它将显示/揭示一些内容。
问题是,当复选框被选中时,它不会显示内容。
<p>
<input type="checkbox" id="tcheckbox" class="checkbox" name="<?php echo $this->get_field_name('checkbox'); ?>" value="1" <?php checked( '1', $checkbox ); ?>/>
<label for="<?php echo $this->get_field_id('checkbox');?>"><?php _e('My Checkbox.'); ?></label>
<div id="tcheckboxdiv" style="display:none">
<p>T One:</p>
<p><input type="text" class="widefat" name="one" placeholder="1" readonly></p>
<p>T Two:</p>
<p><input type="text" class="widefat" name="two" placeholder="2" readonly></p>
</div>
</p>
<script type="text/javascript">
jQuery(window).load(function() {
jQuery("#tcheckbox").change(function() {
jQuery("#tcheckboxdiv").fadeToggle("slow");
});
});
</script>
由于我对javaScript和PHP相当陌生,我想知道上面是否有任何冲突的脚本,因为它似乎在这里工作得很好:http://jsfiddle.net/GhZDP/
谢谢。
这个问题很难重现,因为它实际上是在您提供的Fiddle中工作的。
在你的情况下,我要做的是检查代码是否执行通过在jQuery(window).load()
alert()
之后,尝试不同的方法来监听DOM ready
:
jQuery(function () {
// Code here
});
jQuery(document).ready(function() {
// Code here
});
这不是你的解决方案的答案,而是帮助你调试这个问题的支持。但它太大了(变得无法阅读),无法在评论中发布。
您也可以尝试像这样委托事件侦听器(这需要您将'widgetForm' ID添加到您的<form>
标记):
jQuery(function () {
jQuery("#widgetForm").on("change", "#logocheckbox", function () {
// Your code goes here; e.g. $("#logocheckboxdiv").fadeToggle("slow");
});
});
但是,我只是猜测和帮助你调试,因为我不能真正重现你的问题。
你的jQuery对象$
不会在WordPress上工作,因为WP在noConflict模式下运行。你应该把jQuery命名为jQuery
,而不是$
。
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#logocheckbox').change(function() {
jQuery("#logocheckboxdiv").fadeToggle("slow");
});
});
</script>
还有,请不要重复提问!
虽然jsFiddle工作得很好,但上面的脚本不能工作,因为它没有在Wordpress的源代码中正确输出。
Wordpress管理页面也使用javaScript,这会导致编码冲突。
相关文章:
- 如何创建php函数或任何脚本/jquery Javascript,使我能够获取与复选框关联的值并添加它们
- 动态创建唯一的复选框
- 如何创建只允许用户在选中前一个复选框的情况下选择复选框的复选框验证
- 如何在 Angular JS 中从关联数组创建多个复选框
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- 基于所选下拉列表值创建动态复选框
- “动态创建的表”上的复选框(每行最多只能选择1个)
- 函数更改不适用于动态创建的表的复选框
- 如何创建一个新的<李>带有复选框或<a>在里面
- 在react中切换动态创建的复选框
- 在服务器上创建一个复选框,使用 javascript 处理函数
- jQuery .change() 方法不适用于动态创建的复选框
- 如何创建至少 1 个框处于活动状态的复选框列表
- 为选中的每个复选框创建隐藏输入
- 从复选框创建具有复杂变量的对象
- JavaScript 从表单元素处理复选框创建 URL
- 动态复选框创建以在单击时运行函数
- 如何使用输入复选框创建/更新数组
- Joomla-使用ajax从复选框创建会话变量
- 无法使用 jquery AJAX PHP 为复选框创建数组