Drupal jQuery noConflict - работает для предупреждения без изменения css

Question

Я использую метод jQuery noConflict здесь: http://drupal.org/node/1058168

Теперь обе следующие работы:

$jq("document").ready(function(){
    alert('alert');
});

$("document").ready(function(){
    alert('alert');
});

Однако это работает:

$("document").ready(function(){
    $(".view-product-slideshow .pager-num-1 img").css("display","none");
});

Но это не так:

$jq("document").ready(function(){
    $jq(".view-product-slideshow .pager-num-1 img").css("display","none");
});

Я однажды использовал метод noConflict, и он работал нормально. Я не знаю, почему это сработало бы для оповещения, но не для изменения CSS.

Мой сайт здесь: http://smartpeopletalkfast.co.uk/pp4/shop/baby-essentials/sleepsuit-plush

Спасибо

ОБНОВЛЕНИЕ - Теперь я удалил дополнительный код из script.js, так что все, что есть:

//Hide thumnail on product page thats being used as main image 
$jq("document").ready(function(){
    $jq(".view-product-slideshow .pager-num-1 img").css("display","none");
});

Answer 1

Оказывается, элемент, на который я пытался нацелиться с помощью jQuery, сам был сгенерирован javascript.Изменение моего document.ready на window.load исправило это.

Answer 2

При использовании режима jQuery для noconflict вы должны использовать это:

jQuery(document).ready(function($){
    $(".view-product-slideshow .pager-num-1 img").css("display","none");
});

jQuery - это новый $, и вы можете передать jQuery как $ своему function().

Кроме того, это document, а не "document"

Answer 3

ваша ошибка в строке 61 вашего script.js:

Uncaught TypeError: Object # не имеет метода 'smoothDivScroll'

также в этом файле вы должны все завернуто в .ready() не каждую отдельную вещь