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

Question

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

Вот мой OnClick код

$('#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, используя id, он только делает первый.

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

Так что используйте класс вместо того,

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