проверьте, существуют ли класс и идентификатор, затем измените h1, затем перенаправьте страницу после ограничения по времени

Question

У меня проблемы с запуском JS / JQ на странице HTML5.В основном я хотел бы проверить, существует ли следующий идентификатор и следующий класс:

ID : page_blog

CLASS : текущая страница

<section class="page current" id="page_blog" style="z-index: 99; left: -50px;">
...
...
...

Если они существуют, через 2-3 секунды перенаправить, изменив H1 на:

Загрузка ...

<h1><button data-target="home" data-target-activation="click" class="back backwards"></button>Loading...</h1>

Это то, что у меня есть:

<script type="text/JavaScript">
        $(document).ready(function () {
            $('li#blogLink.tile').click(function (e) {
                e.preventDefault(); //will stop the link href to call the blog page

                setTimeout(function () {
                    alert("this has worked");
                    //window.location.href = "http://www.site.co.uk/blog/"; //will redirect to your blog page (an ex: blog.html)
                }, 2000); //will call the function after 2 secs.

            });

        });
</script>

У меня на странице сейчас есть следующее:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
        google.load("jquery", "1.7");
    </script>



<script type="text/JavaScript">
    $(document).ready(function () {
            if ($(".page.current").length) { // section exists

                $("h1").text("Loading...");
                setTimeout(function () {
                    window.location.href = "http://www.website.co.uk/blog/";
                }, 2000);
        });

</script>

Но проверка на наличие класса / идентификатора не вызывает

Answer 1

Попробуйте:

$('li#blogLink.tile').click(function (e) {
    e.preventDefault();

    if ($("#page_blog.page.current").length) { // section exists
        $("h1").text("Loading...");
        setTimeout(function() {
            window.location.href = "http://www.site.co.uk/blog/";
        }, 2000);
    }   
});

Пример скрипта

Также стоит отметить, что ваши селекторы излишни.Должен быть только 1 уникальный элемент с идентификатором #page_blog и #blogLink, поэтому включение тега и классов в селекторы для них является избыточным кодом.