0

この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 );

}
4

0 に答える 0