| assd18 | 20.08.2012 11:04 |
Меню типа этого.
http://www.nat-geo.ru/
Если подгружаю в один из дивов гугл мапс не показывает выделенную область.
JQuery блокирует работу яваскрипта
Здравствуйте. У меня JQuery блокирует работу яваскрипта. Когда подключаю библиотеки JQuery, то перестает работать другой скрипт. В чем может быть проблема? Заранее спасибо за помощь)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> <script src="/js/jquery.js"> <script src="/js/jquery-1.6.2.min.js"> <script src="/js/jquery-ui-1.8.16.custom.min.js"> |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> <script src="/js/jquery-ui-1.8.16.custom.min.js">Пробуйте так (Вместо Вашего всего) |
ого, нахера подключать сразу аж четыре библиотеки джуквери... Вот жешь люди извращенцы.
|
Не работает. Если убираю
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js Вылазит TypeError: Object #<HTMLDocument> has no method 'ready' и другой скрипт работает, а этот нет(((( |
assd18,
Тут надо экспериментировать Дайте ссылку и укажите траблы на скриншоте (ну или опишите |
Я работаю на локал хосте. А чем помогут скрины?
|
Цитата:
1 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> 4 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> 3 <script src="/js/jquery.js"> 2 <script src="/js/jquery-1.6.2.min.js"> <script src="/js/jquery-ui-1.8.16.custom.min.js"> Смотрите результ Если нет - экспериментируйте сами |
Подключаю
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> <script src="/js/jquery-ui-1.8.16.custom.min.js"> Если убираю <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> Работает скрипт который блокировался, но теперь не работает мой и выдает ошибку TypeError: Object #<HTMLDocument> has no method 'ready' |
Ни у кого нету идей, в чем может быть проблема?
|
assd18,
Ссылку на ресурс и скриншот - где нажимать и в чем траблы |
Цитата:
|
Меню типа этого. http://www.nat-geo.ru/ Если подгружаю в один из дивов гугл мапс не показывает выделенную область. |
Цитата:
|
Вся загвоздка в ошибке - TypeError: Object #<HTMLDocument> has no method 'ready'. Как сней можно бороться?
|
$(document).ready(function() {
Здесь вылазит ошибка - TypeError: Object #<HTMLDocument> has no method 'ready'
taber('.taber');
});
function taber (tabs) {
$(tabs).find('.item a').click(function() {
// get number
var number = $(this).parent().prevAll().length;
if (number==4) return true;
// remove active
$(this).parent().parent().find('.active').removeClass('active');
// set active
$(this).parent().addClass('active');
// hide blocks
$(this).parent().parent().parent().find('.blocks .block').css('display', 'none');
// show block
$(this).parent().parent().parent().find('.blocks .block:eq(' + number + ')').css('display', 'block');
return false;
});
}
|
assd18,
Код не полный - нет концовки - пробуйте поставить в футер без обрамления
$(document).ready(function() {
//Тут код
});
|
Сделал, так но все равно не работает.
$(document).ready(function() {
$(tabs).find('.item a').click(function() {
// get number
var number = $(this).parent().prevAll().length;
if (number==4) return true;
// remove active
$(this).parent().parent().find('.active').removeClass('active');
// set active
$(this).parent().addClass('active');
// hide blocks
$(this).parent().parent().parent().find('.blocks .block').css('display', 'none');
// show block
$(this).parent().parent().parent().find('.blocks .block:eq(' + number + ')').css('display', 'block');
return false;
});
});
|
assd18,
Еще раз - поставьте скрипт такого-вида, вместо предыдущего, в конец страницы
<script type="text/javascript">
$(tabs).find('.item a').click(function() {
// get number
var number = $(this).parent().prevAll().length;
if (number==4) return true;
// remove active
$(this).parent().parent().find('.active').removeClass('active');
// set active
$(this).parent().addClass('active');
// hide blocks
$(this).parent().parent().parent().find('.blocks .block').hide();
// show block
$(this).parent().parent().parent().find('.blocks .block:eq(parseInt(number))').show();
return false;
});
</script>
Если пройдёт - то конфликт библиотек - либо где-то выше стоит скрипт кривой |
Включил библиотеки, но скрипт не работает, пишет ReferenceError: tabs is not defined
|
По-ходу получается, что происходит конфликт библиотек cssquery и jquery. cssquery вызывается раньше и это порождает конфликт. Может можно как-то "обвернуть" jquery? Спасибо)
|
Проблему решил) Нужно просто все $ в скрипте поменять на jQuery.
И вызвать jQuery.noConflict();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
<script src="/js/jquery-ui-1.8.16.custom.min.js">
<script type="text/javascript">
jQuery.noConflict();
</script>
|
| Часовой пояс GMT +3, время: 13:59. |