2013-10-15 3 views
0

У меня есть скрытый div на моей странице, который отображается при вызове функции управления. Я хотел бы показать div, когда вся страница была загружена (внутри DOM?) Или вызвана с 2-секундной задержкой, потому что иногда, когда страница (с изображениями) перезагружается, функция вызывается, а затем исчезает, когда страница загружается также, если PHP, если условие изменяется (mysqlquery результат = 2)JQuery - вызов функции js при загрузке страницы

Мой PHP СТР

МОЯ JS PAGE

// # DOM Ready 
$(function() { 
... 
... 
}); <!-- end DOM --> 

function ShowAlertBox(){ 
    $('.alert').show("slow"); 
} 

что бы лучший способ исправить и сделать это? Благодаря

EDIT

я стараюсь таким образом, но функция не вызывается

// # DOM Ready 
$(function() { 

    function ShowAlertBox(){ 
    $('.alert').show("slow"); 
    } 

}); <!-- end DOM --> 
+0

js внутри страницы php !! mmm звучит плохо! – coolguy

+0

Нет необходимости создавать такой вопрос в StackOverflow. Это базовая функциональность, и если бы вы обыскали, вы бы знали, что это было не так сложно. Вот страница их API http://api.jquery.com либо выполните поиск, либо нажмите 'CTRL F' и выполните поиск документа для определенного ключевого слова, например' DOM' или 'Load'. – larssy1

ответ

1

Инкапсулируйте вашу функцию следующим:

$(document).ready(function(){ 
    //Your code 
}); 

Это говорит браузер не ждать, пока все активы были загружены до того, как ваша функция называется

JSFiddle example

+0

Я попытался поместить функцию внутри функции готовности документа, но функция не вызывается. Какой правильный синтаксис? спасибо –

+0

@PaoloRossi Я добавил пример JSFiddle с добавлением setTimeout. Скрытый DIV начнет появляться через 2 секунды после загрузки страницы. –

+0

Можно ли считать, что вы загрузили jquery? – DannyThunder

0
$(function(){ 
    //Code should go here. 
    $('.alert').show("slow"); // Show your alert box. 
}); 

Но, пожалуйста, ознакомьтесь с основами jQuery. Кроме того, пожалуйста, пройти через документации method JQuery(): jQuery()

0

Код ниже выполнится, когда вся страница была загружена (! Все DOM) ...

$(window).load(function(){ 
// right down your code here... 
}); 

Я надеюсь, что это помочь тебе.

Смежные вопросы