用jQuery隐藏元素不起作用

时间:2013-12-16 16:16:32

标签: javascript php jquery codeigniter

我正在尝试创建一个脚本来开发链式选择,但最简单的方法是行不通的。请注意,对js和jquery知之甚少。

我使用CodeIgniter创建我的下拉列表:<?php echo form_dropdown('city', array(), "", 'id="ciudades"'); ?>

然后加载脚本:

if (isset($add_select_sources))
{
    echo "
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
    <script src='" . $root_path . "js/jquery-1.10.2.js'></script>
    <script type='text/javascript' src='" . $root_path . "js/select.js'></script>
    ";
}

我确信add_select_sources为true,经过测试。

然后是我的select.js:$('#ciudades').hide();

我做错了什么?

2 个答案:

答案 0 :(得分:8)

确保在包含jQuery之后正在执行你的javascript。

此外,您应该在“文档就绪关闭”中执行您的jQuery:

$(document).ready(function(){
    $('#ciudades').hide();
});

人们试图这样做时遇到了问题。所以还有一些我想建议的事情:

  • 确保您的元素具有宽度/高度/显示块等
  • 尝试$('#ciudades')。show()。hide();因为有些人也有这个问题!
  • console.log()您的事件以查看它们是否被解雇:
    $(document).ready(function(){
        console.log('doc ready');
        $('#ciudades').show().hide();
        console.log('element hidden');
    });

另外,为什么使用PHP来回显脚本标记?

答案 1 :(得分:2)

这很容易做到。

$(document).ready(function(){
    $('#yourEelementId').hide();
});