jQuery wont load

jQuery не загрузится. Я ноб. Пробовал много вещей, различные синтаксические твики. heres, как это ...jQuery wont load

Использование 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 для проверки локального.

Debugging говорит ...

(JQuery-1.7.1.js) недопустимый характер линия 1 (NB: линия 1 является только началом кредитной информации неактивен текстом/*!)
(jquery.jtruncate.js) jQuery undefined Строка 1 (NB: строка 1 - (функция (jQuery) {) (имя моей страницы) Объект не поддерживает это свойство или метод Код 0 Строка 17 Char 5 (NB: строка 17 является $ (''). JTruncate ({)

My head code ...

<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 
     }); 
    });

Тогда Theres некоторых Java сгенерированного Dreamweaver, при опрокидывании (изображение/замены изображения Гафф), то страница конкретных CSS (см ниже) я также имею широкий внешний сайт CSS лист.

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

Тогда html body.

Может ли кто-нибудь помочь?

источник

2011-12-24 Cress

Можешь ли вы опубликовать содержание вашей головы тега? Вы импортировали jquery? – andreapier

Что вы также используете фреймворк MooTools, который загружается вместе с jQuery?Поскольку Mootools jQuery может вызвать сбой при загрузке. – Fredy

Добавили сведения о начале. – Cress

Только что попробовал следующее и это, кажется, работает нормально (Chrome), я никоим образом не является экспертом в 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>

Надеется, что это помогает, счастливого Рождеству :-)

источник

2011-12-24 16:22:01

Я попробую это немного! (Naughtily кража отрывок времени, чтобы закодировать битву, между выпеканием партий пирогов с фаршем) С Рождеством! – Cress

Создать новый jquery-файл и добавить в него свой код jquery и связать его (значит, у меня тогда будет 3 файла .js, связанных с моим html-файлом) или я добавлю код в начало или снизу файл плагина? – Cress

Tom, я начал с #statement в моем jq, но прочитал на форуме, чтобы попробовать заменить его тем, что у меня выше. Вернемся к тому, что у меня было первоначально, и как ваше предложение. Im немного запутанное re jTruncate размещение. Должен ли я помещать ВСЕ этот код jq (по вашему предложению) в отдельный файл или внутри моего файла jTruncate/извините, его все новое для меня! – Cress

Попробуйте следующее

см или поместите Jquery sript тег выше всех ссылок на JQuery плагин.
Проверьте ссылки JQuery файла на самом деле получить загружаются в браузере, вы можете использовать скрипач или поджигатель
также отсылают файл JavaScript в порядке их зависимостей.
Поместите сценарий document.ready в тег тела вместо главы.

источник

2011-12-24 15:47:02 kvc

Это все текст над моим jquery (inc.script type =) – Cress

Тег jq script больше всего, попробует скрипач в бит - никогда не использовал его раньше, хотя, будет попробуйте doc. готово в теле тоже ... – Cress

re point 4 - Когда я помещаю готовый сценарий документа в тег тела, должен ли остальная часть сценария jquery идти с ним или должна оставаться в разделе главы? – Cress

jQuery wont load

ответ

Смежные вопросы