Скрытие элемента с помощью 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

Убедитесь, что ваш javascript выполняется после включения jQuery.

Кроме того, вы должны выполнить свой JQuery в «Документ Ready закрытия»:

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

Там были проблемы с людьми, пытаясь сделать это. Таким образом, есть еще несколько вещей, которые я хотел бы предложить:.

• Убедитесь, что элементы имеют ширина/высота/дисплей-блок т.д.,
• Попробуйте $ («# ciudades») шоу(). скрывать(); как у некоторых людей тоже была эта проблема!
• console.log() ваши события, чтобы увидеть, если они увольняют:

$(document).ready(function(){ 
     console.log('doc ready'); 
     $('#ciudades').show().hide(); 
     console.log('element hidden'); 
    }); 

Кроме того, почему вы используете PHP эхо из тегов сценария?

Answer 2

Это легко сделать.

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