Supprimer l'icône de pliable mis en jQuery Mobile

J'ai essayé de supprimer l'icône d'un réductible jeu en définissant l'attribut data-iconpos="none" dans le div qui agit en tant que collapsible-set, mais pas de chance. Il serait de la supprimer, mais toujours laisser un peu de l'ombre.

Supprimer l'icône de pliable mis en jQuery Mobile

Pourriez-vous poster le code HTML? Merci
Assurez-vous de supprimer, à la fois la data-icon="" et data-iconpos="" paramètres de l'élément. Ne devrait-elle pas être un <li> n'est pas un <div> vous les enlevez?

OriginalL'auteur manutenfruits | 2012-08-24

  1. 7

    La seule solution pour cela est l'utilisation de CSS, essayez d'ajouter une classe à l'réductible tels que: class='listItemNoIcon'

    dans votre fichier HTML, ajouter ceci : 

    <div  class='listItemNoIcon' data-role='collapsible' data-collapsed='false'>
</div>

    ajouter ceci à votre fichier css:

    .listItemNoIcon .ui-icon
{

 display: none;

}

    OriginalL'auteur Abed Jabak

  2. 5

    De travail avec jQuery Mobile 1.4.0 vous pouvez également définir la data-collapsed-icon et data-expanded-icon attributs de false.

    <div data-role="collapsible" data-collapsed-icon="false" data-expanded-icon="false" data-theme="a">
     <h2>My Account</h2>

    <ul class="ui-listview mainNav" data-role="listview" data-theme="a">
        <li data-icon="carat-r"> <a href="#">Manage Account</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Edit Profile</a>

        </li>
        <li data-icon="carat-r"> <a href="#">Upload Profile Picture</a>

        </li>
    </ul>
</div>

    jsFiddle

    OriginalL'auteur Demnogonis

  3. 2

    Noter que la solution ci-dessus permet de masquer toutes les icônes dans le réductible fieldset.

    À assurez-vous de ne masquer l'icône dans l'en-tête pliable utiliser ceci:

    .ui-collapsible-heading .ui-icon {
    display: none;
}

    Depuis jquery mobile ajoute la classe ui-pliable-rubrique de la rubrique à l'intérieur de la réductible fieldset.

    Devraient travailler jusqu'à ce que jquery mobile décide de changer quelque chose 😉

    OriginalL'auteur dirgardare

  4. 1

    De travail avec JQM 1.4.0rc1, il y a toujours semblent être un problème avec cela. J'ai dû utiliser le code Javascript suivant la logique dans mon PageShow événement de cacher les icônes complètement:

    $('#MyList').find('a.ui-collapsible-heading-toggle').each(function() {
    $(this).removeClass('ui-btn-icon-right');
});

    OriginalL'auteur Tim Bourguignon

  5. 0

    La meilleure chose à faire est de l'élément Li pour lesquelles vous n'avez besoin d'aucune icône ne suivant

    $(<your-li-elment>).find("span.ui-icon').remove()

    OriginalL'auteur Shantanoo K

  6. 0

    Construire sur de Demnogonis écrit, data-collapsed-icon="noicon" et data-expanded-icon="noicon" dans conjustion avec l'ajout de la classe ui-nodisc-icon à la réductible parent, a travaillé pour moi. Sinon, il y avait un cercle vide les restes.

    http://view.jquerymobile.com/master/demos/icons/
    Recherche: le Retrait du disque

    À l'aide de JQM 1.4.5

    OriginalL'auteur Rusty Shacleford

  7. -1

    donner votre réductible définir un id et ensuite vous pouvez effectuer les opérations suivantes

    #myId >.ui-icon
{

 display: none;

}

    Cette CSS regardez tous les éléments avec la classe .ui-icon à l'intérieur de votre réductible définie et fixe leur affichage à aucun

    OriginalL'auteur krilovich

  8. -1

    Vous pouvez le faire avec du CSS ou de remplacer le JQM javascript.

    1. CSS

      .ui-pliable-en-tête .ui-icon {
      display: none;
      }

    2. remplacer le JQM
      recherche pour cette ligne:
      collapsedIcon = $el.jqmData( "s'est effondré-icon" ) || o.collapsedIcon || "plus";
      remplacer par:
      collapsedIcon = ($el.jqmData("s'est effondré-icon") =="none")? faux : (o.collapsedIcon || "plus");

    et ajouter cet attribut data-s'est effondré-icon="none" dans le html comme ci-dessous

     <li data-role="collapsible" data-inset="false"  data-collapsed-icon="none" data-icon="false">
       <h3>Section 1</h3>
       <p>I'm the collapsible set content for section 1.</p>
 </li>

    OriginalL'auteur Dipen Dedania

  9. -2

    La jQM 1.1.1 les données d'attribut de référence mentionne que les valeurs possibles des données-iconpos de l'attribut de l'Réductible définir sont les suivants:

    gauche | droite | haut | bas | notext

    Donc peut-être que la seule solution est la solution avec CSS personnalisé.

    Je sais comment faire pour les cacher primordial CSS, mais le cadre indique que les données-iconpos="non" devrait fonctionner, d'où ma question.
    Le jquerymobile.com/demos/1.1.1/docs/api/data-attributes.html de référence des données indique que les valeurs possibles des données-iconpos attribut sont eft | droite | haut | bas | notext. J'ai mis à jour la réponse. Merci
    Comme de jQuery Mobile 1.3.1 (bien que probablement ajouté précédemment), il y a maintenant un "none" pour les données-iconpos attribut. Cependant, j'ai trouvé que le paramètre "none" provoque toujours le même comportement référencé par @manutenfruits - Ce qui semble être un bug... api.jquerymobile.com/collapsible-set

    OriginalL'auteur Apostolos Emmanouilidis