为什么jQuery（文档）.ready工作不正常？ /如何在jQuery中为元素添加CSS？

Question

我是jQuery的新手，我遇到了一段代码问题。 我正在尝试将Image Power Zoomer v1.2添加到我的网站，该网站适用于主图像，但不适用于翻转图像！ 翻转图像会发生变化，但功率缩放器仅显示加载图像。

这是一个示例URL： Example1

这是我的代码：

    <script type="text/javascript">
    var bufferImage = new Array();
    function Buffer(filename) {
    var i = bufferImage.length;
    bufferImage[i] = new Image();
    bufferImage[i].src = filename;
    }
    function showImage(filename) {
    document.images[Image_Name].src = filename;

     }
    Image_Name = "image_pal";
    Buffer("thumbnail.php?pic=<? echo $image_pal['media_url'];?     >&w=600&sq=Y");
    jQuery(document).ready(function($){ //fire on DOM ready
    $('#myimage').addpowerzoom({
    powerrange: [2,8],
    largeimage: null,
    magnifiersize: [200,200] //<--no comma following last option!
    })
    })

   </script>  
    <? $sql_image_pal=$db->query("SELECT media_url FROM " . DB_PREFIX . "auction_media WHERE auction_id='" . $item_details['auction_id']."'AND media_type=1 ORDER BY media_id ASC ");
    $image_pal=$db->fetch_array($sql_image_pal);
$sql_image=$db->query("SELECT media_url FROM " . DB_PREFIX . "auction_media WHERE auction_id='" . $item_details['auction_id']."'AND media_type=1  ORDER BY media_id ASC ");?>    
    <div align="center" class="image_pal">
    <? if (empty($image_pal['media_url'])) {?>
    <img src="themes/<?=$setts['default_theme'];?>/img/system/noimg.gif"  name="image_pal" width="600" />
    <? } else {?>
    <img id="myimage" src="thumbnail.php?pic=<?=$image_pal['media_url'];?>&w=600&sq=N" border="0" alt="<?=$item_details['name'];?>" name="image_pal"  />
     <? }?>
     </div>
     <div class="list_carousel_img" align="center">
     <ul id="small_img">
     <? while($image=mysql_fetch_array($sql_image)){?>

     <? $ad_img=$image['media_url'];?>

        <li class="small_img">
     <a  href="thumbnail.php?pic=<? echo $ad_img;?>"   onmouseover="showImage('thumbnail.php?pic=<?=$image['media_url'];?>&w=600&sq=Y')"class="lightbox" rel="thumbnail_images"  ><img src="thumbnail.php?pic=<?=$image['media_url'];?>&w=60&sq=Y"  border="0" alt="<?=$item_details['name'];?>"/></a>
    </li>

     <? } ?>
        </ul>
            <div class="clearfix"></div>
            <a id="prev_img" class="prev_img" href="#"></a>
            <a id="next_img" class="next_img" href="#"></a> 
            <? if ($setts['lfb_enabled'] && $setts['lfb_auction']) { ?>
<div><img src="themes/<?=$setts['default_theme'];?>/img/pixel.gif" width="1" height="5"></div>
<? include("scripts/scroller/show_rep_details.php"); ?>
<? } ?>

我遇到了jQuery选择器的问题。 我看了整整一个网络，花了很多时间，但没有快乐。

这是我从Dynamicdrive.com获得Image Power Zoomer v1.2的网站

问题2

就像我说我是一个新手，但我认为我的问题在这里jQuery选择器这些是一些例子，但我不知道我需要从我的代码中添加什么

<script type="text/javascript">
jQuery(document).ready(function($){ //fire on DOM ready
 $('img.showcase').addpowerzoom() //add zoom effect to images with CSS       class "showcase"
$('#gallerydiv img').addpowerzoom() //add zoom effect to all images         inside DIV with ID "gallerydiv"
})

</script>

我需要在这里添加什么

$('????????????').addpowerzoom() 

感谢你的帮助

Answer 1

jQuery(document).ready(function($){ //fire on DOM ready

==>

$(document).ready(function(){ //fire on DOM ready

除非您更改了jQuery选择器，否则这是默认设置

Answer 2

因为你在答案中提出了另一个问题（甚至还有一个upvote？）

我需要在这里添加什么

 $('????????????').addpowerzoom() 

这是我对这个问题的回答：

$("img").each(function(){
     $(this).addpowerzoom();
}); 

就像在这个演示： http : //jsfiddle.net/u7w0ppq9/添加类而不是powerzoom（我没有那个库，但它基本相同）