点击按钮运行/触发/触发javascript?

时间:2012-05-15 10:09:24

标签: javascript jquery onclick onload

嗯,我不知道这个词的正确性,所以我写了三篇,希望你不介意......

现在,我的问题。 我有javascript在页面加载上运行,因为它通常...脚本隐藏指定的ID并在点击时显示它们。我们称这个脚本为“隐藏加载”。

我的问题是,另一个javascript,我们称之为“新闻”也在页面加载时运行,我只能看到它1秒,直到另一个脚本隐藏div id。

一旦我点击应该运行的指定div显示“新闻”,没有任何事情发生。我可以看到“隐藏在载荷上”正在褪色(淡入淡出),但没有任何东西被揭示出来。

隐藏加载脚本:

$(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);

谢谢!

1 个答案:

答案 0 :(得分:1)

你可以在div上使用onclick html ....

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

但你必须像这样命名功能新闻。

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

或者你可以像这样使用jquery ....

$('#divyouwanttoclickon').click(function(){//putyourfunctioninhere});