Можно ли инициировать сенсорные события при загрузке страницы (в функции загрузки)?

Question

Можно ли инициировать сенсорные события при загрузке страницы (в функции загрузки)?

0

Я не получаю, как вызвать события касания при загрузке страницы. Я пробовал с кодом ниже, но событие не стреляет. Может ли кто-нибудь сказать мне, где я делаю неправильно?

$(window).onload = setTimeout(function () {
    document.getElementById('resetBtn').style.display = 'none';
    $('#splash').attr('src', 'img/splash.png');
    disableZoomButtons();
    setTimeout(function () {
        $("#splashDiv").remove();
        $('#menuBg').attr('src', 'img/wood.png');
        $('#about').attr('src', 'img/about1.png');
        $('#help').attr('src', 'img/help1.png');
        $('#newGame').attr('src', 'img/newgame.png');

        $('#newGame').on('touchstart', function (e) {
            alert("Start");
            enableZoomButtons();
            can = document.getElementById('can');
            cxt = can.getContext('2d');
            init();
        });
    });
}, 2000);

Вот код HTML

<body>

<img id="background" />
<div id="splashDiv">
    <img id="splash" src="img/splash.png"
        style="width: 100%; height: 100%; z-index: 1; position: absolute;" />
</div>
<div id="menuBgDiv">
    <img id="menuBg" src="img/wood.png"
        style="width: 100%; height: 100%; z-index: -1; position: fixed;" />
<ul>
    <li><img class="menus" id="newGame" src="img/newgame.png" />
    </li>
    <li><img class="menus" id="help" src="img/help1.png" />
    </li>
    <li><img class="menus" id="about" src="img/about1.png" />
    </li>
</ul>
</div>
</body>

Можно ли вызвать события касания в функции onload (НЕ триггеры)

newGame id - это идентификатор изображения, определенный в HTML. Мне нужно щелкнуть по кнопке newgame image, после чего нужно вызвать метод init().

Mallikarjun 12 нояб. 2013, в 14:44

Источник

0

Я смущен вашим вопросом. Вы запрашиваете код, который позволяет запускать код один раз при загрузке страницы, а затем каждый раз, когда touchstart событие touchstart ?
Qantas 94 Heavy 12 нояб. 2013, в 13:04
0

@Qantas94Heavy Qantas94Heavy Сэр, одним словом мне нужно вызвать сенсорные события при загрузке страницы. Является ли это возможным? Потому что я пытаюсь, но это не стрельба.
Mallikarjun 12 нояб. 2013, в 13:07
0

Извините, я до сих пор не совсем понимаю. Вы спрашиваете, как запустить функцию, переданную в touchstart при загрузке страницы?
Qantas 94 Heavy 12 нояб. 2013, в 13:09
0

Вы хотите запустить событие или привязать к событию?
Anthony 12 нояб. 2013, в 13:12
0

@Qantas94Heavy Qantas94Heavy Да, сэр, на самом деле это событие сенсорного запуска не запускается в функции загрузки.
Mallikarjun 12 нояб. 2013, в 13:18
0

Что для вас значит увольнение? У вас нет кода, который запускает событие, только код, который привязывается к событию. Реальное событие не стреляет? Если это проблема, перестаньте говорить onload.
Anthony 12 нояб. 2013, в 13:23
0

@Anthony Энтони Сэр, просто, когда я щелкну по образу newGame, init () должен вызвать функцию onload. Это не работает в нагрузке. События сенсорного запуска работают нормально в остальной части кода
Mallikarjun 12 нояб. 2013, в 13:25
0

Так что это не срабатывает, когда происходит фактическое событие сенсорного запуска. Вы связываете это в событии onload. Вы пытались удалить settimeout?
Anthony 12 нояб. 2013, в 13:31
0

@Anthony Энтони Нет, сэр, это не стрельба, и я попытался без метода settimeout, то тоже не работает.
Mallikarjun 12 нояб. 2013, в 13:35

Показать ещё 7 комментариев

Теги:

javascript

jquery

html5

onload

2 ответа

Ещё вопросы

Я смущен вашим вопросом. Вы запрашиваете код, который позволяет запускать код один раз при загрузке страницы, а затем каждый раз, когда touchstart событие touchstart ?
@Qantas94Heavy Qantas94Heavy Сэр, одним словом мне нужно вызвать сенсорные события при загрузке страницы. Является ли это возможным? Потому что я пытаюсь, но это не стрельба.
Извините, я до сих пор не совсем понимаю. Вы спрашиваете, как запустить функцию, переданную в touchstart при загрузке страницы?
Вы хотите запустить событие или привязать к событию?
@Qantas94Heavy Qantas94Heavy Да, сэр, на самом деле это событие сенсорного запуска не запускается в функции загрузки.
Что для вас значит увольнение? У вас нет кода, который запускает событие, только код, который привязывается к событию. Реальное событие не стреляет? Если это проблема, перестаньте говорить onload.
@Anthony Энтони Сэр, просто, когда я щелкну по образу newGame, init () должен вызвать функцию onload. Это не работает в нагрузке. События сенсорного запуска работают нормально в остальной части кода
Так что это не срабатывает, когда происходит фактическое событие сенсорного запуска. Вы связываете это в событии onload. Вы пытались удалить settimeout?
@Anthony Энтони Нет, сэр, это не стрельба, и я попытался без метода settimeout, то тоже не работает.

dfsq · Answer 1 · 2013-11-12T11-37-00.000Z

Попробуйте запустить событие:

$('#newGame').on('touchstart', function (e) {
    alert("Start");
    enableZoomButtons();
    can = document.getElementById('can');
    cxt = can.getContext('2d');
    init();
})
.trigger("touchstart");

Нет, сэр, на самом деле я пытаюсь: показывать заставку через 2 секунды через 2 секунды, еще одно изображение будет отображать menuBg, в котором есть три изображения newgame, about и help. Когда я щелкаю изображение новой игры, тогда только init (метод 0 должен вызывать, если я его запускаю, выполняется загрузка страницы только init ().
@Mallikarjun: вы должны были написать это в своем вопросе - это хорошая идея, чтобы быть как можно более подробным, во-первых, чтобы избежать такого рода путаницы.

Yjae Dalina · Answer 2 · 2013-11-12T10-18-00.000Z

Вместо

$(window).onload

использование

$(document).ready( function() {} );

Возможная проблема заключается в том, что вы присоединяете событие еще до загрузки фактического элемента. А также, что такое использование setTimeout? я не совсем понимаю. Просто используйте приведенный выше код и удалите setTimeout.

$(document).ready( function() {
    document.getElementById('resetBtn').style.display = 'none';
    setTimeout(function () {
        $('#splash').attr('src', 'img/splash.png');
        $("#splashDiv").remove();
        $('#menuBg').attr('src', 'img/wood.png');
        $('#about').attr('src', 'img/about1.png');
        $('#help').attr('src', 'img/help1.png');
        $('#newGame').attr('src', 'img/newgame.png');
        $('#newGame').click( function (e) {
            alert("Start");
            can = document.getElementById('can');
            cxt = can.getContext('2d');
        });
    }, 2000);
});

Отредактировано: я удалил ненужные функции, но вы можете снова их добавить

$ ('# newGame'). touchstart (function (e) {/ * function * /});
Можете ли вы дать более подробную информацию? Я не совсем понимаю, чего вы пытаетесь достичь, хотя
Добавлен также HTML-код, пожалуйста, проверьте сэр
Просто примечание: вам не нужны теги > и <pre> в Markdown для вашего кода - я его отредактировал.
Settimeout для отображения заставки на 2 секунды, как только время закончится, я должен нажать на изображение новой игры
jsfiddle.net/V85k4/6 -> проверьте это, если это то, чего вы хотите достичь. Я удалил ненужные коды (несуществующие функции, но вы можете поставить их снова)
Я проверил это на iPad, работающем на ios7, прекрасно работает для меня Просто сообщите мне о любых новостях
@YjaeDalina Да, сэр, именно это мне нужно, но это не работает в устройствах Android :-( Тот же код, который я вставил в функцию загрузки, НО это не работает (newGame touch не происходит), пожалуйста, помогите мне, сэр
@YjaeDalina Да, сэр, теперь все работает нормально. На самом деле HTML-код не так. Большое спасибо. Можете ли вы опубликовать ответ здесь, тогда я могу принять его, может помочь другим.