2011-12-24 9 views
1

jQueryはロードされません。私はノブです。さまざまな構文を試してみました。それはどのように立つか...jQueryはロードされません。

私のハードドライブ上で、現在のバージョンjquery-1.7.1(v1.7.1.minも試しました)を使用しています。

は、以下のプラグイン

1).scrollTo-1.4.2分
2).jqDock.min & jquery.jqDock
3).jtruncate(電流)& jquery.jtruncateを使用することを試みました.pack
IE8とChromeを使用してローカルで確認していますか?

デバッグが言う...

(jqueryの - 1.7.1.js)、無効な文字の1行目(NBは:行1 /テキストグレーアウト信用情報のほんの始まりです *!)
(jquery.jtruncate.js)jQueryが定義されていない行1(NB:行1は (関数(jQuery){)(ページ名)このオブジェクトをサポートしていません プロパティまたはメソッドコード0行17文字5 17は$( '')です。jTruncate({)

私の頭のコード...

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Cressida Haughton - Artist Statement and Biography</title> 
    <meta name="description" content="Cressida Haughton - Artist Statement and Biography"> 

    <meta name="keywords" content="Cressida Haughton,Lab Rat Orchestra,installation,contemporary artist,Coventry,Midlands,Cressida,"> 

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

<script src="/_js/jquery-1.7.1.js" type="text/javascript" ></script> 

<script src="_js/jquery.jtruncate.js" type="text/javascript" ></script> 

<script>window.jQuery || document.write("<script src='_js/jquery-1.7.1.min.js'>\x3C/script>")</script> 

<script type="text/javascript"> 


$(document).ready(function(){ 
     $('<div id="statement" />').jTruncate({ 
      length: 200, 
      minTrail: 0, 
      moreText: "[more]", 
      lessText: "[less]", 
      ellipsisText: "(truncated)", 
      moreAni: "fast", 
      lessAni: 2000 
     }); 
    }); 

は、その後、私はまた、サイト全体の外部CSSシートを持っている(下記参照)、その後Dreamweaverの、(ロールオーバー画像/スワップイメージguff)、ページの特定のCSSによって生成されたいくつかのjavaをtheresの。

#statement { 
     position:absolute; 
     left:285px; 
     right: 190px; 
     top:130px; 
     width: 607px; 
     height: 321px; 
    } 

次にhtml body。

誰でも手助けできますか?

+0

は、あなたの頭のタグの内容を投稿してくださいことはできますか? jqueryをインポートしましたか? – andreapier

+0

また、jQueryと一緒に読み込まれるMooToolsフレームワークは何ですか?MootoolsのjQueryはロード時にエラーを引き起こす可能性があるためです。 – Fredy

+0

詳細を追加しました。 – Cress

答えて

1

はただ次のことをしようとしたことがあり、正常に動作するように見える、私はでていないのjQueryの専門家を意味しますが、このライン

$('<div id="statement"/>') 

が私への書き込みを見ていない、私はコメントしていますどこで変更しましたか?http://www.w3schools.com/jquery/jquery_ref_selectors.asp以上の情報をご覧ください。このことができます

<body> 
    <head> 
    <title>test</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 
    </script> 
    <script type="text/javascript"> 
    /* jtruncate - should be external js file */ 
    (function($){$.fn.jTruncate=function(h){var i={length:300,minTrail:20,moreText:"more",lessText:"less",ellipsisText:"...",moreAni:"",lessAni:""};var h=$.extend(i,h);return this.each(function(){obj=$(this);var a=obj.html();if(a.length>h.length+h.minTrail){var b=a.indexOf(' ',h.length);if(b!=-1){var b=a.indexOf(' ',h.length);var c=a.substring(0,b);var d=a.substring(b,a.length-1);obj.html(c+'<span class="truncate_ellipsis">'+h.ellipsisText+'</span>'+'<span class="truncate_more">'+d+'</span>');obj.find('.truncate_more').css("display","none");obj.append('<div class="clearboth">'+'<a href="#" class="truncate_more_link">'+h.moreText+'</a>'+'</div>');var e=$('.truncate_more_link',obj);var f=$('.truncate_more',obj);var g=$('.truncate_ellipsis',obj);e.click(function(){if(e.text()==h.moreText){f.show(h.moreAni);e.text(h.lessText);g.css("display","none")}else{f.hide(h.lessAni);e.text(h.moreText);g.css("display","inline")}return false})}}})}})(jQuery); 
    </script> 
    </head> 
    <body> 
    <!-- truncatable div element --> 
    <div id="statement"> 
     <p>This is a statement</p> 
    </div> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      /* changed from $('<div id="statement" />') */ 
      $('#statement').jTruncate({ 
       length: 5, 
       minTrail: 0, 
       moreText: "[more]", 
       lessText: "[less]", 
       ellipsisText: "(truncated)", 
       moreAni: "fast", 
       lessAni: 2000 
      }); 
     }); 
    </script> 
    </body> 
</html> 

希望、メリークリスマス:-)

+0

私は少しこれを試してみましょう! (ミンチパイのベーキングバッチの間に、バトルを戦うための時間のちょうど盗み聞きを盗んで)メリークリスマス! – Cress

+0

新しいjqueryファイルを作成し、それにjqueryコードを追加してリンクします(つまり、HTMLファイルに3つの.jsファイルがリンクされていることを意味します)。または、上または下のコードを追加しますかプラグインファイル? – Cress

+0

Tom、私は自分のjqで#statementから始めましたが、私が上記のものに置き換えるためにフォーラムで読むのです。元々私が持っていたものに&あなたの提案として戻ってきました。私はちょっと混乱してjTruncate配置。私はすべてのjqコード(あなたの提案の下に)別ファイルまたはjTruncateファイル内に置く必要があります/それは私のすべての新しい! – Cress

0

は、すべてのjQueryプラグインの参照上記のjqueryのsriptタグを参照するか、または置き、次の

  1. を試してみてください。
  2. チェックjQueryのファイルの参照は、実際にブラウザに読み込まなっている場合、あなたはまた、それらの依存関係のためにはJavaScriptファイルを参照するシオマネキや放火魔

  3. を使用することができます。

  4. body.readyスクリプトをheadタグの代わりにbodyタグに配置します。 (クローム)
+0

これは私のjquery(inc.script type =)の上にあるすべてのテキストです。 – Cress

+0

jqスクリプトタグは一番上にあり、ちょっとでもフィドラーを試してみます。 try doc。私はdocu準備スクリプトをbodyタグに入れたら、jqueryスクリプトの残りの部分はそれと一緒に行くべきですか、または頭部に留まるべきでしょうか? – Cress

+0

re point 4 - – Cress