jquery kwicks issue

Я работаю над своей проблемой в течение последних нескольких часов, и я в конце своей веревки. Мне нужна помощь.jquery kwicks issue

У меня есть промежуточная страница, где я тестировал код и подтверждал, что он работает, но на живой странице код отказывается сдвинуться с места. Я не могу понять, почему kwicks jq, кажется, игнорирует html на заголовке jujumamablog.com. < - это мой вопрос.

Я использую kwicks для jQuery. Я создал рабочую примерную страницу, поэтому я мог быть уверен, что код работал, прежде чем пытаться интегрироваться в живую область сайта. Пример страницы можно найти здесь: http://jujumamablog.com/jujumama/dev.html

код работает пример страницы выглядит следующим образом

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
<head> 
    <title>Kwicks Examples: Example 1</title> 
    <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"></script> 
    <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"></script> 

    <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script> 
      <style type="text/css"> 

    /* defaults for all examples */ 
    .kwicks { 
     list-style: none; 
     position: relative; 
     margin: 0; 
     padding: 0; 
    } 
    .kwicks li{ 
     display: block; 
     overflow: hidden; 
     padding: 0; 
     cursor: pointer; 
    } 

    /* example 1 */ 
    #example1 .kwicks li{ 
     float: left; 
     width: 98px; 
     height: 200px; 
     margin-right: 2px; 
    } 
    #example1 #kwick1 { 
     background-color: #53b388; 
    } 
    #example1 #kwick2 { 
     background-color: #5a69a9; 
    } 
    #example1 #kwick3 { 
     background-color: #c26468; 
    } 
    #example1 #kwick4 { 
     background-color: #bf7cc7; 
    } 
    #example1 #kwick5 { 
     background-color: #bf7cc7; 
     margin-right: none; 
    } 
    </style> 

<script type="text/javascript"> 
    $().ready(function() { 
     $('.kwicks').kwicks({ 
      max : 205, 
      spacing : 5 
     }); 
    }); 
</script> 

</head> 

<body> 
     <div id="example1"> 
      <ul class="kwicks"> 

       <li id="kwick1"></li> 
       <li id="kwick2"></li> 
       <li id="kwick3"></li> 
       <li id="kwick4"></li> 
       <li id="kwick5"></li> 
      </ul> 
     </div> 
     <div style="clear:both;"></div> 

</body>

Я надеялся, что это будет довольно просто «подключи и работай -play ". Мальчик, я был неправ.

Моя задача состояла в том, чтобы эта гладкая деталь работала плавно. Я знаю, что есть другие проблемы с основным сайтом (jujumamablog.com), время загрузки конкретно, на что мне пока не приходилось игнорировать.

Редактировать -----------

мне нужно быть немного более ясно. Вышеприведенный код работает, мне интересно, почему, когда я пытаюсь поместить код в живую страницу (jujumamablog.com, где есть другие скрипты и -ish), этот останавливается.

Заранее спасибо.

источник

2009-09-26 Ivan Novak

Кажется, работает хорошо для меня (в Chrome) – Greg

Спасибо за ваш вклад Грег, хотя, как я думал, что ясно в моем описании полигон работает в ожидается. Экземпляром заголовка на jujumama.com нет. –

jujumamablog.com довольно –

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

Первый - на линии 65, а второй - на линии 91. Все плагины, добавленные между этими двумя, уничтожаются.

В качестве примечания следует рассмотреть возможность объединения всех этих сценариев в один, а затем сжимать их с помощью компрессора YUI или любого другого, что вы предпочитаете, и, наконец, по возможности, поместите его внизу, а не вверху.

источник

2009-09-26 08:55:08 nlogax

Исправлено это, по-прежнему нет. –

Я не знал, что вы были членом Stackoverflow;) –

Я все еще вижу двойной jQuery на сайте, ivannovak. У вас есть сайт-разработчик или что-то там, где я вижу изменения? Эй, медикер! : D – nlogax

$().ready(function() { выглядит неправильно для меня. Я думал, что эти два способа сделать это было

$(function() 
{ 
    //etc 
});

$(document).ready(function() 
{ 
    //etc 
});

источник

2009-09-26 07:53:47 Eric

Я отредактировал вопрос, для ясности. Вышеприведенный код работает, мне интересно, почему он перестает работать, когда я помещаю его на живой сайт (jujumamablog.com) –

Я получаю ошибку на этой линии:

jQuery('ul.sf-menu').superfish();

[Exception] TypeError: Object # has no method 'superfish'

Возможно это остановка отдых ваших готовых событий от стрельбы.

источник

2009-09-26 08:16:46 Greg

Я удалил эту строку и связанные строки. Все еще нет. :( –

Я выяснил, что проблема в том, что ваш живой сервер использует более новую версию JQuery. У меня такие же проблемы, но я не знаю, что отличается от 1.2.6 и 1.4.2. Надеюсь, некоторые ответы появятся!

Теперь я спрашиваю здесь: Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2

источник

2010-09-27 10:37:53 Cogicero

jquery kwicks issue

ответ

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