※ ChatGPTを利用し、要約された質問です(原文:SafariでJqueryが動きません)
SafariでJqueryが動かない問題の原因と対策
このQ&Aのポイント
SafariではJqueryのEasySliderが動作しない問題が発生しています。
IEやFireFoxでは正常に動作するのに対し、Safariだけで発生しており、原因が分かりません。
原因の一つとして、タグや何かが足りない可能性があります。JavaScriptの知識が少なく、ダウンロードしたものを使用しているため、解決策に困っています。
JqueryのEasySliderという横に画像がスライドさせる機能を導入したく、
ホームページを制作しています(WORDPRESSではありません)。
IE、FireFoxでは動作確認が出来るのですが、Safariだけ(OS LION、Iphone、Ipad)動作がしません。
また、Iphoneのデバッグコンソールを使ってエラーチェックをしてもエラーが表示されません。
何の問題が生じているのか教えて頂けたら幸いです。
JavaScriptの知識はほとんどありません。
一から制作したことはなく、いつもダウンロードしたものをそのまま使用しています。
サイトを検索した限り、原因は多分タグか何かが足りないのではとは思うのですが…何がたりないのかが分からない状況です。
■動かないときの現象
スライドの画像がNEXTボタンをクリックしても、
一枚目の画像が固定されたまま、他の画像にスライドされません。
■EasySliderのバージョン
easySlider1.7.jsを使用しています。
■HTMLソース
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>★☆</title>
<link href="../css/styles.css" rel="stylesheet" type="text/css" />
<link href="../★☆/css/screen.css" rel="stylesheet" type="text/css" />
<link href="★☆.dwt" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.5");</script>
<script type="text/javascript" src="../▼▼/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').easySlider({autoPlay: false,
autoPlayInterval: 5000,
autoPlayReverse: false,
effect: 'slide',speed: 800,showButtonBar: false});
});
</script>
色々検索で現象を調べたり他のJSを入れてみたりと策を講じてみましたが、
本当に困っています…(>_<)。他にも必要な情報があらば教えて下さい!
お礼
あれからベースを見ながら無事動作確認を行うことが出来ました。 Jqueryに問題があったのではなく、CSSの方に問題があることが分かりました。(Safari用にタグを書き加える必要性がありました)。 ありがとうございました!
補足
アドヴァイスありがとうございます。 とりあえずサンプルから当てはめる事から開始し、Safariで動作確認が出来るようになりましたが、写真の名称などもそのままサンプルと同じ名前にし、CSSもなにも触っていないのに、今度はスライド写真が細く長くなってしまいました…(Safariのみ)。