我不能使用jQuery包裝.nivo-controlNav（Nivo滑塊）的錨定標記

Question

我想包裝這個：nivo-controlNav a與<span>標籤。

JS/custom.js：

var $j = jQuery.noConflict(); 

$j(document).ready(function() { 
$j(".nivo-controlNav a").wrap("<span></span>"); 
}); 

的header.php：

<!-- Include the Nivo Slider JS file --> 
<script src="<?php bloginfo("template_url"); ?>/js/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/PIE.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/custom.js"></script> 
<!-- Set up the Nivo Slider --> 
<script type="text/javascript"> 
jQuery(window).load(function() { 
    jQuery('#slider').nivoSlider(); 
}); 
</script> 
</head> 

但它不工作。

我嘗試這樣做：

var $j = jQuery.noConflict(); 

$j(document).ready(function() { 
$j("h2").wrap("<span></span>"); 
}); 

和它的工作。

有什麼建議嗎？

Answer 1

檢查它可能是適合你的。

var $j = jQuery.noConflict(); 

$j(document).ready(function() { 
$j(".nivo-controlNav a").wrap("<span/>"); 
});