2017-09-07 8 views
0

私は完全に理解していないので、この質問をしなければなりませんでした。それはちょうど愚かなようです。 JS/markers.jsが言及したページ、およびスタイルから、純粋なJavaScriptコードをあるこの `jquery適切なコードは部分的にしか実行されていません

<!DOCTYPE html> 
<html> 
<head> 
<!-- jQuery --> 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<!-- Markers --> 
<script src="js/markers.js"></script> 

<link rel="stylesheet" type="text/css" href="style.css" /> 

</head> 
<body> 
<div id="image-wrapper" data-captions='{"coords": [{"top":180,"left":180,"text":"iMac 1"},{"top":250,"left":300,"text":"iMac 2"}]}'> 
    <img src="https://lh6.googleusercontent.com/-1vD_YbYlhB8/T1Mrp1RbCzI/AAAAAAAAA3o/D-78syV8tQQ/s347/web-agency-company.jpg" alt=""/> 
</div> 

</body> 
</html> 

`

よう

http://jsfiddle.net/gabrieleromanato/GhVkx/

私はこのコードを使用していました。 CSSは、このページからも、純粋なCSSコードです。

Jquery、JS、およびCSSが正しく読み込まれています。

テストされたコードは一度正しく実行された後、いくつかの変更が加えられた後、マーカーがクリックされても効果はありません。 すべての変更を元に戻し、別のファイルで純粋なコードをもう一度試しましたが、効果は同じです。クリックマーカーに反応はありません。

私はFirefoxとChromeで同じことを試していました。

すべてのヘルプは大歓迎されます:)

EDIT:このコードではなく、現代のバージョンで、jQuery- 1.8.3以前のバージョンに取り組んでいたが。コメント作成者の皆様のおかげです。

+0

あなたが提供するjsfiddleでうまく動作すれば、マークが拡張された可能性があります。おそらくブラウザのキャッシュをクリアしようとしていますか? – Se0ng11

+0

markers.jsがリソースとしてロードされていますか? – Arcturus

+0

@Arcturusはい、そうです!私は、彼らが正しく参照していない場合は、マーカーアイコンがロードされていないので、彼らは適切に読み込まれていると言うでしょう。 – Velocet

答えて

1

問題のHTMLとの違いは、jQueryのバージョンです。あなたのコードでは、非推奨の.live()メソッドを使用しました。これはremoved in jQuery version 1.9でした。フィドルはバージョン1.8を使用しています。あなたの質問は1.11です。

.live()の代わりに.on() methodを使用してください。

関連する問題