order of javascript events?
I have a "a.adress" element in a div. on blur, the div dissapears. Whenever I click the a.adress element, I want the value of the a element to populate a field.(the same that gets blurred.
This is what I expected to work:
$('.field').blur(function() {
$("a.adress").click(function() {
event.preventDefault();
$(this).parent().parent().parent().parent().prev(".field").val($(this).text());
});
$(this).next('.spacer').children().removeClass("visible");
});
Each part works seperately,
this hides the div
$('.field').blur(function() {
$(this).next('.spacer').children().removeClass("visible");
});
this populates the field:
$("a.adress").click(function() {
event.preventDefault();
$(this).parent().parent().parent().parent().prev(".field").val($(this).te开发者_运维问答xt());
});
sample page: http://dev.resihop.nu/addtrip?from=&to=&when=&name=&email=&phone=&details=&posted=&got_car=1
But when I put them together, I don't manage to populate the label. How do I make it work?
Kristoffer,
based on the link you provided ...
$('.field').blur(function() {
$(this).next('.spacer').children().removeClass('visible');
});
$('a.adress').click(function(e) {
var $this = $(this);
e.preventDefault();
$this.parents('.spacer').prev('.field').val($this.text());
});
... that should be sufficient.
精彩评论