Links in nested sliders make strange behavior

[fabien-michel]

When two sliders are nested.
And when there is link in the second,
when clicking on link, it make the first slider go next slide

<ul id="slider">
    <li>Slide 1<br />
                <a href="#blu">Link test</a>
            </li>
    </li>
    <li><p>Slide 2</p>

    <ul id="slider2">
            <li>Slide A<br />
                <a href="#blu">Link test</a>
            </li>
            <li>Slide B<br />
                <a target="_blank" href="http://www.google.fr">Try this link</a></li>
        </ul>

    </li>
</ul>

Here a sample :

http://jsfiddle.net/T3QAj/

go to slide 2 to see the second slider inside the first
And try to click link in the second slider

[fabien-michel]

It seems to be the same error as #187.

The walkarround solution is to add stop propagation when focus on link inside the frame

$('.slider a').bind('focusin', function(e){e.stopPropagation()});

[Mottie]

I believe I've fixed the problem in the latest update... here is an updated demo as well.

[fabien-michel]

Wow, thank you for being so responsive!