質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery Mobile

jQuery Mobileとはスマートフォンとタブレット用に最適化されたフレームワークです。様々な携帯端末にjQueryで作られたユーザーインターフェイスシステムを提供します。

バージョン管理

バージョン管理はコンピューター上にファイルとして格納されているドキュメント・プログラム・その他の情報の変更履歴等を管理するものです

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

1344閲覧

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

yiwsk

総合スコア38

jQuery Mobile

jQuery Mobileとはスマートフォンとタブレット用に最適化されたフレームワークです。様々な携帯端末にjQueryで作られたユーザーインターフェイスシステムを提供します。

バージョン管理

バージョン管理はコンピューター上にファイルとして格納されているドキュメント・プログラム・その他の情報の変更履歴等を管理するものです

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/04/29 04:34

編集2020/04/29 04:34

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)

とエラーになります。

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

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

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yiwsk

2020/04/29 07:42

ありがとうございます。 JQuery Mobile の一番上のバージョンは、1.4.5のようですから、JQueryのバージョンは、2.1.4までしか上げられないということですね。うーん…
退会済みユーザー

退会済みユーザー

2020/04/29 07:53

v1.4.5がリリースされたのも2014年で、 結構レガシーなフレームワークなので、 最近では使ってる人少ないと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問