$ («# ползунок»). EasySlider не является функцией

Я не привык работать с jQuery, но я думал использовать easyslider для показа некоторых фотографий на моем сайте. Проблема в том, что я получаю эту ошибку: $ («# ползунок»). EasySlider не является функцией Я не знаю, что я сделал неправильно, потому что, если я открываю только страницу, нет проблем, но когда Я помещаю файл обратно между другими, он не будет работать. Вот мой код:

<script type="text/javascript" src="/js/jquery.js"></script> 
    <script type="text/javascript" src="/js/easySlider1.7.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#slider").easySlider({ 
       auto: true, 
       continuous: true 
      }); 
     }); 
    </script> 

<div class="block"> 
    <div class="m950 flb"> 

<div id="slider" style="position:relative; width:947px; height:615px; left:-20px; top:-3px; overflow:hidden;"> 
<ul>     
       <li><img src="/images/slideshow/1.jpg" /></li> 
     <li><img src="/images/slideshow/2.jpg" /></li> 
     <li><img src="/images/slideshow/3.jpg" /></li> 
     <li><img src="/images/slideshow/4.jpg" /></li> 
     <li><img src="/images/slideshow/5.jpg" /></li> 
       <li><img src="/images/slideshow/6.jpg" /></li> 
     <li><img src="/images/slideshow/7.jpg" /></li> 
     <li><img src="/images/slideshow/8.jpg" /></li> 
     <li><img src="/images/slideshow/9.jpg" /></li> 
     <li><img src="/images/slideshow/10.jpg" /></li> 

</ul> 
</div> 



</div> 
</div>

ли кто-то знает, что я мог сделать, чтобы заставить его работать, потому что я торможение голову этой проблемы.

Большое вам спасибо!

источник

2011-12-21 user993177

Что вы подразумеваете под «помещением файла обратно между другими»? – wrschneider

Что означает «поместить файл обратно между другими»? – Gabe

Вы используете некоторые другие плагины jquery ...? Может быть какой-то конфликт ... –

Попробуйте это:

<script type="text/javascript"> 
(function($) { 
    // we can now rely on $ within the safety of our “bodyguard” function 
    $(document).ready(function() { 
      $("#slider").easySlider({ 
       auto: true, 
       continuous: true 
      }); 
       }); 
}) (jQuery); 

</script>

Это путь вокруг него.

источник

2011-12-22 08:12:03 spreeuwtje

Эта работа! Большое спасибо! – user993177

Похоже, что вы можете перемещать файл и сломать ссылочные пути в файлы javascript.

if I open the page alone, there is no problem, but when I place the file back between others it won't work.

Если вы просматриваете источник страницы и нажимаете на ссылку на свой файл javascript, она загружается? Если нет, то путь неправильный. Если вы разместите дополнительную информацию о своей структуре каталогов, то кто-то может помочь вам в этом. Или вы можете просто использовать полный путь вместо своего относительного пути.

<script type="text/javascript" src="/js/jquery.js"></script> 
<script type="text/javascript" src="/js/easySlider1.7.js"></script> 
<script type="text/javascript" src="http://mysite.com/js/jquery.js"></script> 
<script type="text/javascript" src="http://mysite.com/js/easySlider1.7.js"></script>

источник

2011-12-21 15:30:05 mrtsherman

Оба они открываются. (Если я использую /js/jquery.js или прямую ссылку на файл). – user993177

Возможно, вы загрузили jQuery дважды, добавив страницу, которую вы указали на главной странице. Двойная проверка jquery не загружена в ваш раздел <head>.

В случае, если это происходит, сохраните загрузку только в одном месте, то есть если ползунок необходим только на этой конкретной странице, но jQuery необходим для широкого применения, а затем сохраните загрузку jQuery в <head> и оставьте загрузку easySlider на этой странице , (Но не забудьте загрузить JQuery только один раз!)

источник

2011-12-21 15:43:37

У меня только один jquery импортирован один раз. (теперь я поместил его в свой индексный файл, но он все еще не работает). – user993177

$ («# ползунок»). EasySlider не является функцией

ответ

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