Nano Hash - криптовалюты, майнинг, программирование

Функция сброса в игре не работает

Я делаю простую игру с сопоставлением плиток, используя Jquery, и все в порядке, за исключением того, что после завершения игры она не сбрасывается правильно после нажатия на модальное поле), и вы больше не можете щелкать элементы div, чтобы играть снова.

Чтобы увидеть игру и код, перейдите по ссылке http://codepen.io/acnorrisuk/pen/JdoGvP/ Я записал в console.log массив значений, чтобы вы могли обманным путем пройти игру и посмотреть, что произойдет, когда она перезагрузится.

Функция сброса ниже:

function newBoard() {
    // reset variables
    tiles_flipped = 0;
    temp_values.length = 0;
    tile_values.shuffle();
    tile1 = '';
    tile2 = '';
    $("#board").empty();
    $(".tile").removeClass("transform");
    $("#score").html("<p>Pairs Found: " + 0 + "</p>");
    // gives each div a unique tile number and inserts images
    for (var i = 0; i < tile_values.length; i++) {
        $("#board").append("<div class='flip-container flip'>\
                <div class='tile flipper' id='" + i + "'>\
                    <div class='front'></div>\
                    <div class='back'><img src='" +
            tile_values[i] + "'>\
                </div>\
            </div>\
        </div>");
    }
};
jquery reset
25.04.2015

Ответы:


1

Вы удаляете все элементы плитки (с классом «плитка») при создании новой доски. К этим элементам плитки был привязан обработчик кликов, но к вновь добавленным элементам плитки обработчик щелчков не привязан.

Вы можете переместить код, связывающий обработчик кликов, так, чтобы он находился внутри функции newBoard() (после добавления элементов плитки на доску), но лучше использовать делегирование событий. С делегированием событий вы можете привязать обработчик кликов к элементу #board, который не будет удаляться и добавляться повторно. Но обработчик по-прежнему будет вызываться для элементов плитки.

Просто измените это:

$(".tile").on("click", function () {

К этому;

$("#board").on("click", '.tile', function () {

jsfiddle

Примечание. В jsfiddle я закомментировал вызов перетасовки плиток, чтобы было легче завершить игру.

25.04.2015

2

Поскольку вы добавляете .tile к #board в своей функции newBoard, вам необходимо делегировать событие клика:

// check if tiles match using a temporary array
$("#board").on("click", '.tile', function () { 
    ... 
});

Обновленная ручка

25.04.2015

3

Мне удалось заставить его работать, см. http://codepen.io/anon/pen/bdNpGK.

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

function newBoard() {
    ...

    $(".tile").on("click", onClick);
}



function onClick() {
    ...
}
25.04.2015

4

используйте 1_

http://jsfiddle.net/cnmzxL0a/

25.04.2015

5

Большое спасибо за все ваши ответы. Теперь проблема решена с помощью:

$("#board").on("click", '.tile', function () { :)

26.04.2015
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..