Paginawijzigingsscenario's
De scenario's in dit onderwerp laten zien hoe de wijzigingen die in uw pagina zijn aangebracht, van invloed zijn op de mogelijkheid van Adobe Target om een ervaring weer te geven.
De doelkiezer bepaalt waar een ervaring moet worden weergegeven. Als een pagina buiten Doel wordt gewijzigd, kunnen de veranderingen de capaciteit van Doel beïnvloeden om de ervaring te tonen.
Wanneer u de kiezer gebruikt, komt de unieke klasse niet overeen met de id. De kiezer werkt altijd met een unieke klasse. Als er geen klasse aan het element is toegewezen, berekent de kiezer het aantal vorige zusterobjecten met dezelfde tagnaam.
NOTEScenario: Een element invoegen met een andere klassenaam voor het geselecteerde element
In dit voorbeeld wordt een nieuw element ingevoegd als een element op hetzelfde niveau als het element in de doelkiezer.
Het is mogelijk dat de eerste klasse die aanwezig is op het element, wordt toegevoegd door JavaScript. In dat geval mislukt de levering en wordt de actie niet toegepast.
Ingevoegd element:
<li class="kids-section">Kids</li>
Geselecteerd:
<li class="women-section">Women</li>
Kiezer: #wrap > ul.nav:eq(0) > li.women-section:eq(0)
Resultaat:
De kiezer werkt zoals u had verwacht, omdat li.women-section:eq(0) niet beïnvloed.
Voor:
<div id="wrap">
<ul class="nav">
<li class="men-section"> Men</li> <li class="women-section">Women</li>
</ul>
</div>
Na:
<div id="wrap">
<ul class="nav">
<li class="kids-section">Kids</li>
<li class="men-section"> Men</li> <li class="women-section">Women</li>
</ul>
</div>
Scenario: Een element invoegen met dezelfde klassenaam als het geselecteerde element
In dit scenario wordt geprobeerd een lijst in te voegen wanneer een item in een lijst is geselecteerd.
Ingevoegd element:
<ul class="nav">
<li class="item"> Sale </li>
<li> class="item"> Offers </li>
</ul>
Geselecteerd
<li class="women-section">Women</li>
Kiezer: #wrap > ul.nav:eq(0) > li.women-section:eq(0)
Resultaat:
De kiezer werkt niet, omdat ul.nav:eq(0) biedt een dynamisch toegevoegd element. Het element is niet beschikbaar en de handeling wordt niet toegepast. Wanneer een vergelijkbaar lijstitem met dezelfde klasse dynamisch of handmatig wordt toegevoegd nadat een activiteit is gemaakt, wordt een nieuw element op de eerste positie gemaakt. Hierdoor wordt de kiezer verbroken.
Voor:
<div id="wrap">
<ul class="nav">
<li class="men-section"> Men</li> <li class="women-section">Women</li>
</ul>
</div>
Na (geprobeerd):
<div id="wrap">
<ul class="nav">
<li class="item"> Sale</li>
<li> class="item"> Offers</li>
</ul>
<ul class="nav">
<li class="men-section"> Men</li>
<li class="women-section">Women</li>
</ul>
</div>
Scenario: Een element invoegen na het geselecteerde element
In dit scenario wordt een lijstitem ingevoegd na het geselecteerde element.
Ingevoegd element:
<ul class="nav">
<li class="men-section"> Men Clothes</li>
<li class="women-section"> Women Clothes</li>
</ul>
Geselecteerd:
<li class="women-section">Women Shoes</li>
Kiezer: #wrap > ul.nav:eq(0) > li.women-section:eq(0)
Resultaat:
In dit geval werkt het invoegen van een lijst na de lijst die eindigt met het geselecteerde lijstitem zoals u had verwacht. Het nieuwe element wordt toegevoegd op dezelfde positie als het geselecteerde element ten opzichte van het bovenliggende element.
Voor:
<div id="wrap">
<ul class="nav">
<li class="men">Men Shoes </li> <li class="women">Women Shoes</li>
</ul>
</div>
Na:
<div id="wrap">
<ul class="nav">
<li class="men">Men Shoes </li>
<li class="women">Women Shoes</li>
</ul>
<ul class="nav">
<li class="men-section">Men Clothes</li>
<li class="women-section"> Women Clothes</li>
</ul>
</div>
Scenario: Het element verwijderen dat direct voorafgaat aan een ander element
In dit scenario wordt het lijstitem verwijderd voordat het geselecteerde element wordt verwijderd.
Verwijderd element:
<li class="men-section"> Men </li>
Geselecteerd:
<li class="women-section">Women</li>
Kiezer: #wrap > ul.nav:eq(0) > li.women-section:eq(0)
Resultaat:
Het element is verwijderd omdat de klasse van het geselecteerde item niet is gewijzigd.
Voor:
<div id="wrap">
<ul class="nav">
<li class="men-section">Men</li>
<li class="women-section">Women</li>
</ul>
</div>
Na:
<div id="wrap">
<ul class="nav">
<li class="women-section">Women</li>
</ul>
</div>
Scenario: Het element direct na een ander element verwijderen
In dit scenario wordt het lijstitem nadat het geselecteerde element is verwijderd.
Verwijderd element:
<li class="kids-section">Kids</li>
Geselecteerd:
<li class="women-section">Women</li>
Kiezer: #wrap > ul.nav:eq(0) > li.women-section:eq(0)
Resultaat:
Het element is verwijderd omdat de klasse van het geselecteerde item niet is gewijzigd. Het verwijderde element bevat een unieke klasse binnen de bovenliggende substructuur.
Voor:
<div id="wrap">
<ul class="nav">
<li class="men-section">Men</li>
<li class="women-section">Women</li>
<li class="kids-section">Women</li>
</ul>
</div>
Na:
<div id="wrap">
<ul class="nav">
<li class="men-section">Men</li>
<li class="women-section">Women</li>
</ul>
</div>