Multi SelectでJQueryのバージョンを上げるとエラー

JQuery, JQuery Mobileでwebアプリを作っています。

複数選択が可能なセレクトボックスです。

問題を切り出すために、必要な部分だけを取り出しました。

php
1<?php
2header('Content-Type: text/html; charset=UTF-8');
3?>
4<!DOCTYPE html>
5<html>
6<head>
7  <meta charset="utf-8">
8  <title>test</title>
9  <meta name="viewport" content="width=device-width, initial-scale=1">
10  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
11  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
12  <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
13</head>
14<body>
15      <select multiple data-native-menu="false">
16        <option value="1" selected>項目1</option>
17        <option value="2" selected>項目2</option>
18        <option value="3">項目3</option>
19        <option value="4">項目4</option>
20        <option value="5">項目5</option>
21       </select>
22</body>
23</html>
24

上のコードなら、ちゃんと動きます。

ところが、

html
1  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

と、JQueryのバージョンを上げると、クリックしたときに、

jquery.min.js:3 Uncaught TypeError: a.preventDefault is not a function

at n.Event.preventDefault (jquery.min.js:3)
at n.Event.preventDefault (jquery.min.js:3)
at jquery.mobile.js:11175
at e (jquery.min.js:3)
at dispatch (jquery.min.js:3)
at r.handle (jquery.min.js:3)
at Object.trigger (jquery.min.js:4)
at jquery.min.js:4
at Function.each (jquery.min.js:2)
at n.fn.init.each (jquery.min.js:2)

とエラーになります。

どこが悪いのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

jQuery Mobile 1.4.xが動かないバージョンに上げたからです。
jQuery Mobile 1.4.x works with versions of jQuery core from 1.8.3 to 1.11.1 / 2.1.1.
https://github.com/jquery/jquery-mobile

投稿2020/04/29 06:43