[jQuery] Delayed response using Live Query
Hi, all! I'm experiencing a strange problem with Live Query. When I
add elements to the DOM, they aren't picked up until I click a pre-
existing element with a jQuery behavior. The key parts of my sample
code are:
<script type="text/javascript" src="/intranet/js/
jquery.livequery.js"></script>
<script type="text/javascript" src="/intranet/js/jquery-
calendar.js"></script>
<style type="text/css">@import url(/intranet/css/jquery-
calendar.css);</style>
<script type="text/javascript">
$('input.date').livequery(function(){
alert('found new input.date');
$(this).calendar(
{
dateFormat:"MDY/",
speed:"",
yearRange:"2000:2020"
}
);
});
function adddate() {
alert('adding date');
document.getElementById('target').innerHTML='<input
class="date">';
}
</script>
<input class="date">
<input type="button" onclick="adddate();" value="add date">
<div id="target"></div>
In order to get the calendar behavior to happen on the JS-added input
field, I have to click in the original input field to see that
calendar. Then I get the "found new input.date" message.
Can anyone point out if I'm doing something really silly, or is there
actually a bug in Live Query? I tested this in FF2/Mac and MSIE 7.