Question

If I use this order:

<script src="jsv3/jquery-1.8.3.js"></script>
<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>
<script src="jsv3/turn.min.js"></script>
<script src="jsv3/onload_mobile.js"></script>
<script src="jsv3/jquery-ui-1.9.2.custom.min.js"></script>
<script src="jsv3/jquery.viewport.min.js"></script>
<script src="jsv3/jquery.scraggable.js"></script>

Return Error:
Uncaught TypeError: Object 0 has no method ‘match’

(Type error: c.match is not a function using FireBugs error report)

If I use this order

<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>
<script src="jsv3/jquery-1.8.3.js"></script>
<script src="jsv3/turn.min.js"></script>
<script src="jsv3/onload_mobile.js"></script>
<script src="jsv3/jquery-ui-1.9.2.custom.min.js"></script>
<script src="jsv3/jquery.viewport.min.js"></script>
<script src="jsv3/jquery.scraggable.js"></script>

Uncaught TypeError: Cannot read property ‘mobile’ of undefined

(Type error: a is undefined using FireBugs error report)

According to official website , the order is the first one, however, the first one seems display nothing while the second one is function properly for my case. Is using second order is correct, also, why is this error occur? Is it due to I use desktop browser to view the page? Sorry for newible to mobile web development, thanks

Answer 1

The problem is due to conflict between jquery mobile and jquery ui