このjQueryを使用しようとしています$projectWrapper.find('#test').html($("figure[style='position: absolute; top: 0px; left: 700px; z-index: 5; height: auto; cursor: pointer;'] img").attr('src'));
スライダーで使用されるこの AJAX 関数内。
基本的に、前後に移動するクリックがあるたびに、上記の jQuery を更新または再起動して、#test html が更新されるようにする必要があります。以下に示すようにjQueryを配置しようとしましたvar $navLinksDiv
が、まったく起動しません。クリックするたびに jquery が起動し、#test ID の html を更新するように、この関数を書き直すにはどうすればよいですか?
ありがとう
function eQsliderNavInit() {
var $navLinksDiv = $( '#slides #next-prev-links img' );
$projectWrapper.find('#test').html($("figure[style='position: absolute; top: 0px; left: 700px; z-index: 5; height: auto; cursor: pointer;'] img").attr('src'));
var sliderHoverOverFunction = function() {
if ( !$( 'body' ).hasClass('ie8') ) {
$navLinksDiv.stop().animate( { opacity: 0.5 }, 200, 'easeInOutExpo' );
}
else {
$navLinksDiv.css('visibility', 'visible');
}
}
var sliderHoverOutFunction = function() {
if ( !$( 'body' ).hasClass('ie8') ) {
$navLinksDiv.stop().animate({ opacity: 0 }, 450, 'easeInOutCubic');
}
else {
$navLinksDiv.css('visibility', 'hidden');
}
}
$( '.slider' ).hover( sliderHoverOverFunction, sliderHoverOutFunction );
}