Problem with bind a js script

[Batbayar]

Hello,

my script do not work on simulator when i am tapping on it. (click Event) It appears on screen but no functionality. 
The script is attached, and here is what i wrote in index.html to bind.

<div data-role="view" id="first" data-title="Puzzle" data-layout="mobile-tabstrip">
        <img src="styles/images/schlaufuchs_bg.jpg" alt="MH" class="jqPuzzle jqp-de-r3-c3" />
    </div>

Thanks
Bold

[Kaloyan]

Hello Batbayar,

Following your instructions, I was able to reproduce the issue. Checking the Console in the Debug options of the AppBuilder Simulator, I found the "Uncaught TypeError: Cannot read property 'msie' of undefined" at file: scripts/jquery-jqpuzzle-full-js.js (744)" error. It seems like the jQuery puzzle you are using in not developed for mobile applications, as it is checking for "msie" browsers.

However, commenting the content on line 744 in the jquery-jqpuzzle-full-js.js file, like this:

/*if($.browser.msie) $gui[0].onselectstart = function() { return false; };
else*/  $gui.mousedown(function() { return false; });

corrected the behavior of the puzzle.

Please, keep in mind this is only a "hack", that works around the current issue. And if you continue with this js library, without refactoring it for mobile usage, more issues are expected to appear.

I hope this helps.

Regards,
Kaloyan
Telerik