2010-07-13 15 views
0

Voici mon javascript:Safari/Chrome ne comprend pas le focus jQuery/flou sur les cases à cocher

$(".more_info").hide(); 
$(".checkbox.has_info, .has_info").focus(function(){ 
    $(this).parent().next().next().show("fast"); 
}); 
$(".checkbox.has_info, .has_info").blur(function(){ 
    $(this).parent().next().next().hide("fast"); 
}); 

Notez que cela fonctionne parfaitement dans Firefox/IE7, IE8. Jusqu'à présent, j'ai découvert que c'est parce que Safari et Chrome n'acceptent pas les événements focus/flou pour les cases à cocher ou les cases d'option. Quelqu'un sait-il un travail qui a toujours le même effet?

+0

Ce n'est pas votre HTML, c'est votre balisage ruby ​​:) Assurez-vous de poster le code HTML actuel. –

+0

Je l'ai enlevé parce que c'était inutile, et simplifié ma question. – Trip

Répondre

0

Oui! Ici c'est les gens! Incroyable!

$(".more_info").hide(); 

var $info_items = jQuery('.checkbox.has_info, .has_info') 
$info_items.click(function(){ 
    var $info_item = jQuery(this); 
    $info_items.filter(function(index){ 
    return $(".hidden_text").css("display","block"); 
    }).not($info_item).parent().next().next().hide("slow"); 
    $info_item.parent().next().next().show("fast"); 
});