Drupal jQuery noConflict - 通过非css更改为警报工作

时间:2011-03-31 15:45:56

标签: drupal jquery

我在这里使用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

谢谢

UPDATE - 我现在已经从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");
});

3 个答案:

答案 0 :(得分:0)

您的错误发生在script.js的第61行:

  

未捕获的TypeError:对象#   没有方法'smoothDivScroll'

同样在该文件中,您应该在.ready()中包含所有内容而不是每件事

答案 1 :(得分:0)

原来我试图以jQuery为目标的元素本身是由javascript生成的。将我的document.ready更改为window.load修复此问题。

答案 2 :(得分:0)

使用jQuery的noconflict模式时,你应该使用它:

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

jQuery是新$,您可以将jQuery作为$传递给function()

此外,它是document而不是"document"