Using Data Bindings I have the following markup

<a href="www.youtube.com/watch?v={{DiscussionVideo}}" title="Video Link" class="btn btn-manila" data-toggle="tooltip">

When I click the link, the onclick event listener runs this piece of script

$('a[href^="www.youtube.com"]').on('click', function (e) {

The script then runs the video within a modal.

All of this works well.

Now I try this using App Connect

<a title="Video Link" class="btn btn-manila" data-toggle="tooltip" dmx-bind:href="www.youtube.com/watch?v={{DiscussionVideo}}">

and it bypasses the event listener. In fact, it even ignores an onclick event attribute placed in the anchor tag.

Hello Ben,
Is your script, which adds the onclick listener loading on document ready? Most probably that is the issue, as it is being loaded, before the repeat region is fully rendered. Please provide a link to your page, where we can check what are you trying to achieve.

This is the working model using Data Bindings

bunchoblokes.org/teodor/index?id=1

The script is loaded with scripts.js. A non-minified version is at

bunchoblokes.org/teodor/myscripts.js

Okay but can you send a link to the page with app connect also?

Did not filter this, the markup is similar

bunchoblokes.org/teodor/index1

Hi Ben,

You should use the new App Connect - Dynamic Events to place events. Those result in dmx-on:click="..." attributes.

Normal events normally should also work but as you are search for an a tag with specific href - that is not rendered yet - you won't find it. So if you insist to do jquery binding - just give the A tag an ID and do a #theid selector. Like: $("#theid"....

Greetings,
George

Thanks George,

I could not get the the new App Connect - Dynamic Events to work.

To make it work I used the Static Events together with the dmx-bind:data- attribute

You can see the result at

bunchoblokes.org/teodor/index1

Great extensions! Please keep them coming.