0

JS src をインポートする順序に問題があると思われる問題が発生しています。

私は JS / jQuery にかなり慣れていないので、ほとんどの場合、スクリプトを 1 つだけ含める必要があり、すべてが正常に機能していることを当然のことと考えていました。

私は連絡先ページを持っています。ページにはGoogleマップとフォームがあり、フォームはsom JSに依存してそれをきれいにし、入力を検証します。

これらは正常に機能していました。

ヘッダーに表示されるログイン ボックスを更新したところです。ドロップダウンは、選択時に単純な jquery 関数を使用して表示します。

このスクリプトを用意したので、すべてを連携させることはできません。さまざまな組み合わせを試しましたが、どれも機能しないため、重要なものが欠けているに違いありません。誰か説明してもらえますか?

これらは例です:

マップは常に表示され、ログイン機能は「helperFunctions」内に含まれ、フォーム関数呼び出しは「ourContactForm」内にあります。

1 : フォームは正しく表示されますが、ログインは機能しません

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--Disable zoom to pinch-->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/helperFunctions.js"></script>

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
</script>

<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/ourContactForm.js"></script>

2 : フォームは本来あるべき姿で表示されませんが、ログインは行われます

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!--Disable zoom to pinch-->

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load("jquery", "1.3.2");
</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/helperFunctions.js"></script>

<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/ourContactForm.js"></script>

他の順列の結果は、あまり機能していません。

ご協力いただきありがとうございます

編集：解決されたjqueryドキュメントの詳細を使用して:) http://jquery.com/download/

4

2 に答える 2

0

同じばかげた間違いをしたこれに出くわした人のために...

これらは：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

http://jquery.com/download/から取得

問題を解決します。

于 2013-07-15T11:24:32.513 に答える