0

私はこれらすべてに慣れていないので、これがばかげた質問である場合は申し訳ありません。

以前、コンタクト フォームにライトボックス効果を作成し、うまく機能させていました。連絡先をクリックすると、ライトボックスがポップアップし、別の html ページに保持された連絡先フォームが表示されました。スクリプトの参照は次のとおりです。

<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>

次に、コーダのようなスライダー ボックスを追加するチュートリアルを実行し、次のスクリプトをヘッドに追加することですべてが機能するようになりました。

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.7-min.js" type="text/javascript"></script>
<script src="js/jquery.serialScroll-1.2.2-min.js" type="text/javascript"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>

完了すると、最初のライトボックス機能が機能しなくなり、リンクから html ページに移動したことがわかりました。ライトボックスなし。これが今の完全な頭です：

<title>index</title> 
<link rel="stylesheet" href="css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.4.2-min.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.7-min.js" type="text/javascript"></script>
<script src="js/jquery.serialScroll-1.2.2-min.js" type="text/javascript"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>

ライトボックスに送信された私のナビゲーションは次のとおりです。

    <a href="index.html">Overview</a> |
    <a href="index.html">Client List</a> |
    <a href="index.html">Reviews</a> |
    <a href="index.html">News</a> |
    <a href='hiddenforms/candidateform.html' class='lightview' title=" :: :: topclose: true, autosize: true">Candidates</a> | 
    <a href='hiddenforms/contactform.html' class='lightview' title=" :: :: topclose: true, autosize: true">Contact</a> | 
    <a href="candidate.html">Share</a>

それが役立つことを願っています。ページに JavaScript が多すぎることはありますか? これを修正するにはどうすればよいですか?

4

2 に答える 2

3

私は同じ問題を抱えていました。Wordpress プラグイン「Lightbox 2」と「PressOK - Collapsible Region」の両方がインストールされています。PressOK - 折りたたみ可能な領域をインストールした後、ライトボックス効果が機能しなくなりました。

コードを確認した後、以下に示すように、pressok-collapsible-region/PressOK-collapsible-region.php の 1 行のコードをコメントアウトすることで解決策を見つけました。両方のプラグインが機能するようになりました。これが役立つことを願っています。

function collapsible_region_javascript() {

/*   echo '<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>'; */

    $siteroot = get_bloginfo('wpurl');
    echo '<link rel="stylesheet" type="text/css" media="all" href="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/style.css" />';
    echo '<script language="javascript" type="text/javascript" src="' . $siteroot . '/wp-content/plugins/pressok-collapsible-region/collapsible-region.js"></script>';
}
于 2010-11-24T20:25:23.103 に答える
2

エラー コンソール (Firebug、Web Inspector など) でエラーを確認します。1 つのスクリプトが他のスクリプトが期待するプロパティを上書きすると、何かが壊れる可能性があります。また、ネットワーク ラグを減らすために、少なくともすべてのスクリプトを 1 つのファイルに連結して展開することを検討することもできます。

編集: jQuery と Prototype および/または Scriptaculous の間の競合である可能性もあります。jQuery は他のライブラリとの競合を回避しようとしますが、制御できるのはごく一部です。jQuery が他のスクリプトの前にロードされていることを確認jQuery.noConflict();し、最後に追加します。

于 2009-12-11T05:14:17.260 に答える