Я не программист, но мне нравится создавать прототипы. Весь мой опыт исходит от ActionScript2.
Вот мой вопрос. Чтобы упростить мой код, я хотел бы выяснить, как присоединить события.click к div, которые уже существуют в теле HTML.
<body>
<div id="dog-selected">dog</div>
<div id="cat-selected">cat</div>
<div id="mouse-selected">mouse</div>
<div class="dog"><img></div>
<div class="cat"><img></div>
<div class="mouse"><img></div>
</body>
Моя (неудачная) стратегия:
1) создать массив объектов:
var props = {
"dog": "false",
"cat": "true",
"mouse": "false"
};
2) итерации по массиву с помощью ".each" и добавьте каждый существующий div с событием ".click". Наконец, постройте локальную переменную.
вот прототип:
$.each(props, function(key, value) {
$('#'+key+'-selected').click(function(){
var key = value;
});
});