infobulle Jquery plug-in Qtip ne semble pas définir la largeur correctement

Question

j'ai un site mvc asp.net et est ici une info-bulle dynamique à l'aide qTip

Voici mon code:

$('a.showNutritionInfo').each(function() { 

    $(this).qtip({ 
     content: { 
     text: '<img src="../../images/ajax-loader1.gif" alt="" />', 
     style: { width: 450 }, 
     url: '/Tracker/NutritionInfo/' + $(this).attr('id'), 
     method: 'get' 
     } 
    }); 
}); 

cela fonctionne parfaitement SAUF L'attribut width listé ci-dessus est ignoré. Peu importe ce que je mets dans cet attribut de largeur, j'obtiens la même info-bulle de largeur de taille qui est environ la moitié de la largeur dont j'ai besoin. la hauteur est parfaitement bien.

des idées? est-ce un bug dans le produit?

Answer 1

Vous devez mettre la déclaration style en dehors de la déclaration content que ce sont deux propriétés différentes:

$(this).qtip({ 
    content: { 
     text: '<img src="../../images/ajax-loader1.gif" alt="" />', 
     url: '/Tracker/NutritionInfo/' + $(this).attr('id'), 
     method: 'get' 
    }, 
    style: { width: 450 } 
});