2012-05-15 3 views
0

글쎄, 나는 이것에 대한 정확한 단어를 모르겠다. 그래서 나는 그 중 세 가지를 썼다. 너는 걱정하지 않기를 바란다 ...버튼 클릭시 실행/실행/트리거 자바 스크립트?

자, 내 질문. 평소와 같이 pageload에서 실행되는 javascript가 있습니다 ... 스크립트는 지정된 ID를 숨기고 클릭시이를 나타냅니다. 이 스크립트를 "load on hide"라고 부르 자.

여기 내 문제는 또 다른 자바 스크립트입니다. "뉴스"도 페이지로드시 실행 중이고 다른 스크립트가 div id를 숨길 때까지 1 초 밖에 볼 수 없습니다.

"news"를 실행해야하는 지정된 div를 클릭하면 아무 일도 일어나지 않습니다. 나는 페이드 인 (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); 

감사합니다! 당신은 너무 사업부에 온 클릭 HTML을 사용할 수 있습니다

+2

주 ('그 함수 ($)'와'$ (문서) .ready (함수()'같은 일을 .... 즉 그들 중 하나만 필요합니다! [여기의 문서보기] (http://api.jquery.com/ready/) – ManseUK

+0

나머지 js 코드를 보여줄 수 있습니까? – jbduzan

+0

물론입니다. .. 1 초 :)! 두 번째 스크립트 추가 – dvLden

답변

1

....

<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}); 
+0

글쎄, 나는 dvLden