0

これの正しい言葉がわからないので、そのうちの 3 つを書きましたが、気にしないでください...

さて、私の質問です。いつものようにページロードで実行されているjavascriptがあります...スクリプトは指定されたIDを非表示にし、クリックするとそれらを明らかにします。このスクリプトを「hide on load」と呼びましょう。

ここでの私の問題は、別の JavaScript、「ニュース」と呼びましょう。ページの読み込み時にも実行されており、別のスクリプトが div id を非表示にするまで、1 秒しか表示されません。

「ニュース」を表示する必要がある指定された div をクリックすると、何も起こりません。「hide on load」がフェード (fadein) を実行していることがわかりますが、何も明らかにされていません。

ロード スクリプトで非表示:

$(window).load(function(){
var activeElement;

function activateElement( eltSuffix ) {
    if( activeElement ) {
        activeElement.fadeOut( 500, function() {
            activeElement = $('#content-reveal-'+eltSuffix);
            activeElement.fadeIn( 500 );
        } );
    } else {
        activeElement = $('#content-reveal-'+eltSuffix);
        activeElement.fadeIn( 500 );
    }
}

$(document).ready( function() {
    $('#content div').hide();
    $('#info a').click( function() {
        activateElement('info');
    } );
    $('#search a').click( function() {
        activateElement('search');
    } );
    $('#music a').click( function() {
        activateElement('music');
    } );
    $('#socials a').click( function() {
        activateElement('socials');
    } );
} );
});

ニューススクリプト:

    $(document).ready(function () {
        $('#newsticker_1').newsticker({
            'style': 'fade',
            'showControls': false,
            'autoStart': true,
            'fadeOutSpeed': 'slow',
            'fadeInSpeed': 'slow',
            'transitionSpeed': '4000',
            'pauseOnHover': true
        });
})(jQuery);

ありがとうございました！

4

1 に答える 1

1

divでonclick htmlを使用できるので....

<div id="whatyouwanttoclickon" onclick="news()"></div>

ただし、このように関数 news に名前を付ける必要があります。

function news(){
        $('#newsticker_1').newsticker({
            'style': 'fade',
            'showControls': false,
            'autoStart': true,
            'fadeOutSpeed': 'slow',
            'fadeInSpeed': 'slow',
            'transitionSpeed': '4000',
            'pauseOnHover': true
        });

または、このようにjqueryを使用できます....

$('#divyouwanttoclickon').click(function(){//putyourfunctioninhere});
于 2012-05-15T10:31:33.397 に答える