8
votes

Pourquoi BxSlider est-il en double dupliquant mes divs

Mon concepteur Mettez un bxslider pour faire défiler 3 DIVS bien sur ma page. Lorsque la page s'exécute, dans le HTML, je vois qu'il génère 6 divs de la page. Il montre Div 3, Div2, Div1, Div3, Div2, Div1.

Juste parce que les champs dupliqués sur ma page gâchent maintenant ma programmation. P>

est que NECCERY, et y a-t-il quelque chose que je peux Touchez le code qu'il ne doit pas dupliquer mes divs? p>

La page est pleine de code complexe, avec un AJAX qui passe les données-Serialize sur un formulaire de poste. Becuase C'est tout le dupliqué, maintenant tous les champs passent comme «valeur, valeur». Par conséquent, cela ne me donne pas des réponses précises, et bien comme non défini quand il est censé être numérique. P>

Mes postes de formulaire ressemble à ceci: p>

function submitCart () {
$.post(
"scripts/savecart.asp",
$("#form1").serialize()
);}


5 commentaires

Sans une sorte de code, nous pouvons simplement passer la question et ne rien faire.


La page est pleine de code complexe, avec un AJAX qui passe les données-Serialize à un formulaire de poste. Becuase C'est tout le dupliqué, maintenant tous les champs passent comme «valeur, valeur». Par conséquent, cela ne me donne pas de réponses précises, et aussi bien défini quand il est censé être numérique.


Et vous ne pouvez pas supprimer les éléments de clone .bx de vos données de sérialisation?


Dans mon message, j'essaie d'obtenir post [field1] et poster [champ2], en réponse, il passe dans le champ1 = 'valeur, valeur "et champ2 =" valeur, valeur ". Y a-t-il un moyen de rendre ces champs seulement viennent à travers?


Quelque chose comme $ ('BxSlider Li: pas (.bx-clone)') devrait faire.


7 Réponses :


4
votes

BXSLIDER Dupliquent des éléments pour permettre le défilement infini, etc. Par exemple, indiquez que vous n'avez que deux éléments dans votre curseur. L'élément que l'on peut glisser à gauche, mais glisse également à droite. Par conséquent, des doublons sont nécessaires.

S'il s'agit d'un problème, vous pouvez généralement interagir avec les doublons en utilisant leurs classes BX-Clone . Si vous pouviez clarifier le problème réel, nous pourrions probablement donner des conseils plus spécifiques.

mise à jour: pour éliminer les éléments clonés de votre ensemble, essayez quelque chose comme: xxx


0 commentaires

13
votes

comme a commenté dans le code source de BXSLider:

Si une boucle infinie, préparez des diapositives supplémentaires

J'ai donc pu résoudre ce problème en ajoutant infiniteloop: false à l'objet de configuration: xxx


3 commentaires

Est-il possible de continuer à avoir la boucle infinie, mais retirez-vous les clones?


@Ionut Désolé, je n'avais aucune expérience de ce type.


Je ne vois pas comment c'est une solution. Il brise la mise en œuvre du curseur. Apparemment, un défilement infini était une caractéristique souhaitée dans le cas de l'OP.



1
votes

J'ai eu un tel problème avec bx-clone Je veux l'utiliser pour une galerie d'images. J'ai donc eu une vignette de curseur d'image et pour le curseur, j'ai utilisé BX-curseur et sur chaque clic sur une petite image, cette image de taille plus grande doit être montrée dans une div, mais sur BX-Clone cliquée, rien ne s'est passé

J'ai résolu ce problème avec Ceci: xxx


0 commentaires

1
votes

Ajout de la réponse de @ Antongorodezkiy, il existe un moyen d'avoir Infiniteloop: FALSE et d'obtenir une modification de la diapositive non-stop: à l'aide de l'événement ONSLIDSODER de la dernière diapositive Après quelques secondes, vous pouvez revenir à la première diapositive et redémarrer le mode auto : xxx

la différence entre cette solution et le INFINITELOOOOOOOOOOOOOOOOOOOOOP: L'option VRAI est que, au lieu de transmettre sans heurts à la première glissière comme si c'était la suivante, le curseur "rembobine" rapidement "rebobine" jusqu'à atteindre la première diapositive.


0 commentaires

1
votes

Pour la requête ci-dessus: Est-il possible de continuer à avoir la boucle infinie, mais de retirer les clones?

Essayez d'utiliser Code ci-dessous: Si plus d'un article Infiniteloop: True Sinon: FALSE P>

infiniteLoop: ($j("...selector...").length < 2) ? false : true,


0 commentaires

0
votes

Juste pour répondre ici, alors si quelqu'un est en difficulté et ne peut pas résoudre le problème de la duplication. Je faisais face au même problème que tout mon HTML de ma page était duplication à l'intérieur de la première diapositive sous la balise d'image comme ci-dessous:

<img src="public/admin/scr3.png" />


0 commentaires

0
votes

Je ne suis pas sûr que si c'est le même problème que je faisais face, mais voici mon cas: Mon code utilisait BX Slider avec FANCYBOX. Et c'était dupliquer mes diapositives. La solution consistait à placer le code de secodatre (boîte à fantaisie), qui a été générée dans ma boucle d'image, à l'intérieur de la balise

  • . Qui l'a fait pour moi.

  • 0 commentaires