用jQuery隐藏元素不起作用

Question

我正在尝试创建一个脚本来开发链式选择,但最简单的方法是行不通的.请注意,对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是真的,它经过测试.

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

我究竟做错了什么？

Answer 1

确保在包含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来回显脚本标记？