Onclick не работает в панели после смены страницы

Question

Я создаю небольшое веб-приложение, используя jquery mobile и php. У меня есть проблема, где у меня есть меню на панели, из которого мне нужно запустить событие onclick. Это прекрасно работает, когда страница была перезагружена либо с помощью data-ajax='false' или запустить обновление страницы. Однако, когда я пытаюсь использовать событие после изменения страницы, оно просто не отвечает вообще.

Вот мой код клика

    $('#searchOptionMap').click(function()
        {
            window.alert("map clicked ");
        });

и вы можете увидеть js скрипку здесь http://jsfiddle.net/jbcvnz0p/

1. Если перейти на страницу 1 - щелчок панели - щелчок карты - появится предупреждение

2. Если затем перейти к странице 2 - щелчок панели - щелчок карты - предупреждение не появляется

3. Если вы остаетесь на странице 2 и нажимаете на карту разборно - появляется предупреждение

Вы можете видеть, что одно и то же событие onclick работает для разборного набора вне панели, но не внутри нее. Есть ли какое-то решение для этого, кроме использования data-ajax='false' или запустить обновление страницы?

Answer 1

У вас есть два div с одним и тем же идентификатором. Когда вы связываете что-то с помощью jQuery, используя идентификатор, он делает только первый.

$('#searchOptionMap').click(function()
    {
        window.alert("map clicked");
    });

Поэтому вместо этого используйте класс или сделайте панель внешней, если она будет одинаковой для обеих страниц.

(# searchOptionMap2 работает в этом случае, потому что есть только один из них)