comment définir la largeur en pourcentage en jquery

jQuery(function() {
    jQuery('#allinone_contentSlider_common').allinone_contentSlider({
        skin: 'common',
        width:1000,
        height: 1000,
        autoHideBottomNav:false,
        showPreviewThumbs:false,
        autoHideNavArrows:false,
        thumbsWrapperMarginBottom:-50
    });     
});

Je suis en utilisant ce code de ma page complète curseur que je veux faire tourner ma page avec le logo et le mwnues et ici, dans ce code, j'ai fixé la hauteur et la largeur, je ne veux pas le rendre fixe, je tiens à 100%.

Dans ce code, je veux régler la largeur de ma page 100 ici de la hauteur et la largeur fixes, donc merci de me donner une suggestion comment puis-je résoudre ce problème

  • Essayez d'utiliser width:100%, hauteur:100%
  • U ne manqué [set-largeur en pourcentage-using-jquery][1] [1]: stackoverflow.com/questions/2124351/...
  • ensuite, utilisez simplement largeur:main_width et hauteur:main_height.
InformationsquelleAutor Naveen Kumar | 2013-05-30
  1. 4

    Vous définissez la largeur à l'aide de CSS. Maintenant, vous pouvez modifier le css à l'aide de jQuery comme ça.

    $("#id_of_your_element").css("width", "20%");
    • où utiliser ce code sur le lieu de la hauteur et la largeur et l'id de eleement signifie allinone_contentSlider_common
    • pour changer la largeur .. vous devez d'abord obtenir l'élément cible, en quelque sorte.. comme ici, je suis arriver par Id.. vous pouvez vérifier l'état de l'élément que vous voulez dans google chrome ou firefox en utilisant les outils de développement (ctrl+shit+i).
    InformationsquelleAutor Sarvesh Kumar Singh
  2. 2

    Vous pouvez définir le pourcentage de largeurs et de hauteurs simplement à l'aide de:

    $(elem).width('100%');
$(elem).height('100%');

    Ne remarque que ce sera 100% de la hauteur et la largeur de son contenant parent et non pas nécessairement à 100% de la hauteur et la largeur de votre page. Si votre #allinone_contentSlider_common de l'élément parent seul a 100px de hauteur et de largeur, 100% reflètent ces valeurs.

    En fonction de la façon dont cette allinone_contentSlider() plugin méthode fonctionne, vous devez simplement être en mesure d'utiliser:

    jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    width: '100%',
    height: '100%',
    ...
});
    • sa ne fonctionne pas james
    • Ce n'est pas très descriptif. Comment est-il pas de travail? A la largeur et la hauteur changé? Quelle est la largeur et la hauteur par rapport à la largeur et à la hauteur?
    • cette hauteur et la largeur de refléter la hauteur et la largeur de ma page complète de ses 1000 , 1000 signifie que ma page est maintenant de 1000 hauteur et la largeur de soi veulent le faire à 100%, de sorte qu'il ne sera pas fixe et de l'ajuster en fonction de la hauteur et la largeur de l'écran
    • Dans ce cas, il suffit de le régler à la largeur et la hauteur de $(window).width() et $(window).height(). Vous devez assurez-vous de mettre à jour ces valeurs lorsque la fenêtre est redimensionnée, cependant. Comme mentionné dans ma réponse, les valeurs en pourcentage sont un pourcentage de l'élément qui les contient. Par exemple: <div><span></span></div> si le div était 100px de large et 200px de haut et de la span a été fixé à 100% de la hauteur et la largeur, la durée serait 100px de large et 200px de haut.
    • grâce à son travail maintenant
    • pas de soucis. N'oubliez pas de définir la réponse la plus aidé comme Acceptées pour aider les futurs visiteurs. 🙂
    • salut, j'ai besoin de votre aide j'ai posté une autre question, veuillez faire quelque chose si vous le pouvez, ici, la dsi le lien stackoverflow.com/questions/17079903/...
    • n'oubliez pas de définir ce que l'on a accepté la réponse, sinon, il semble sans réponse.
    • s'il vous plaît chek cette lionk et d'essayer de résoudre mon problème
    • marquer comme acceptée, vous cliquez sur la coche verte en dessous de la poste score en haut à gauche.

    InformationsquelleAutor James Donnelly
  3. 1

    Tout d'abord, vous devez vérifier que allinone_contentSlider que vous utilisez accepte rien mais des entiers pour ses width option.

    Si elle ne l'option correcte sera width: '1000%' - payer l'attention sur le fait que maintenant c'est une chaîne de caractères, un entier.

    InformationsquelleAutor skip405
  4. 0

    essayer 

    jQuery(function() {
var main_height = jQuery(window).height();
var main_width = jQuery(window).width();
jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    skin: 'common',
    width: (main_width/100)*(your_width_in_%),
    height: (main_height/100)*(your_height_in_%),
    autoHideBottomNav:false,
    showPreviewThumbs:false,
    autoHideNavArrows:false,
    thumbsWrapperMarginBottom:-50
});     
});
    • hii sa ne fonctionne pas Animesh je veux régler la hauteur et la largeur à 100%, mais j'ai corrigé
    • ensuite, utilisez simplement largeur:main_width et hauteur:main_height.
    InformationsquelleAutor Animesh Nandi
  5. 0

    Dans ce cas, il suffit de le régler à la largeur et la hauteur de $(window).width() et $(window).hauteur(). Vous devez assurez-vous de mettre à jour ces valeurs lorsque la fenêtre est redimensionnée, cependant. Comme mentionné dans ma réponse, les valeurs en pourcentage sont un pourcentage de l'élément qui les contient. Par exemple: si la div est 100px de large et 200px de haut et la durée a été fixée à 100% de la hauteur et la largeur, la durée serait 100px de large et 200px de haut. – James Donnelly 30 Mai à 9:11

    InformationsquelleAutor Naveen Kumar