search

justinmc / jquery.mobile.fastButtons

Speed up click events in jQueryMobile
Other
12 stars 4 forks source link

fast Buttons disables any SVG links on the page #3

Open kingsfleet opened 10 years ago

kingsfleet commented 10 years ago

When I used this plugging where there is a in-line SVG document, the links on the SVG document no longer fire. Note entirely clear to me whether this is because of a bug in this plugin of jquery.

The inline SVG look like this:

                <svg width="300" height="400" style="align">
                     <circle cx="150" cy="50" r="30" stroke="lightgray" stroke-width="1" fill="white" />
                     <circle id="timercircle1" cx="150" cy="50" r="30" stroke="lightgray" stroke-width="1" fill="lightgray" opacity="0" />

                     <circle cx="150" cy="130" r="30" stroke="lightgray" stroke-width="1" fill="white" />
                     <circle id="timercircle2" cx="150" cy="130" r="30" stroke="lightgray" stroke-width="1" fill="lightgray" opacity="0" />

                     <circle cx="150" cy="210" r="30" stroke="lightgray" stroke-width="1" fill="white" />
                     <circle id="timercircle3" cx="150" cy="210" r="30" stroke="lightgray" stroke-width="1" fill="lightgray" opacity="0" />

                     <circle cx="150" cy="290" r="30" stroke="lightgray" stroke-width="1" fill="white" />
                     <circle id="timercircle4" cx="150" cy="290" r="30" stroke="lightgray" stroke-width="1" fill="lightgray" opacity="0" />

                     <a xlink:href="#" id="playbutton" class="playControl" onClick="html5audio.play(); return false;">
                        <text x="210" y="135">&#9654;</text>
                     </a>

                     <a xlink:href="#" id="activityindicator" class="playControl" onClick="html5audio.stop(); return false;">
                        <text x="210" y="172">?</text>
                     </a>

                     <a xlink:href="#" id="stopbutton" class="playControl" onClick="html5audio.stop(); return false;">
                        <text x="210" y="210">&#x25FC;</text>
                     </a>

                </svg>
justinmc commented 10 years ago

This might happen if JQuery Mobile's vclick doesn't support SVG elements...