I need to open the privacy policy page in a modal dialog. Therefor I need to add a class and additional data-attributes to the link within the main cookies dialog. Is this somehow possible?
Current markup:
<ul class="cookiesjsr-links cookiesjsr-banner--links links--row">
<li>
<a href="/privacy-policy" target="">Privacy policy</a>
</li>
<li>
<a href="#imprint-section" target="">Imprint</a>
</li>
</ul>Markup I need:
<ul class="cookiesjsr-links cookiesjsr-banner--links links--row">
<li>
<a class="use-ajax" href="/privacy-policy" data-dialog-options="{"classes":{"ui-dialog":"modal-content-dialog","ui-dialog-titlebar-close":"btn-close ddb-close-icon ddb-bg-close-icon","ui-dialog-content":"media-meta infobox-scrollbar"},"width":"100%","minHeight":"100%","maxHeight":"100%"}" data-dialog-type="modal" data-once="ajax">Privacy policy</a>
</li>
<li>
<a href="#imprint-section" target="">Imprint</a>
</li>
</ul>Active
1.2
Code
Here's a Gist demonstrating how this can be achieved using a JavaScript mutation observer. Details may vary: https://gist.github.com/drubb/8ef8366a10b24bbddb2ca57e4a7bc075
Thanx @drubb,
that helps and solves the problem for me ;-)
Automatically closed - issue fixed for 2 weeks with no activity.