2013-08-27 5 views
0

이 플립 플러그인을 사용하려고합니다 : http://lab.smashup.it/flip/하지만 원하는대로 작동시키지 못합니다.jQuery Flip, 변수를 선언해야하는 이유는 무엇입니까?

<div class="flip" id="flipbox2" onclick="doFlip();"> 
    Flip me! 
</div> 
<script type="text/javascript"> 
     var $flipbox = $('#flipbox2'); 
     function doFlip() { 
      $flipbox.flip({ 
       direction: 'lr', 
       bgColor: '#FFFFF', 
       color: '#000000', 
       speed: 500, 
       content: "Goodbye World!" 
      }); 
     }; 
</script> 

을하지만이 var에 $ flipbox = $ ('#의 flipbox2')를 제거 할 때;

이 작동 선언을 사용하고 대신 doFlip() 함수에서 $ ('# flipbox2')를 사용하면 작동하지 않습니다.

명확하게하기 위해이 작동하지 않습니다 : 왜이 ​​작동하지 않습니다

<div class="flip" id="flipbox2" onclick="doFlip();"> 
    Flip me! 
</div> 
<script type="text/javascript"> 
     function doFlip() { 
      $('#flipbox2').flip({ 
       direction: 'lr', 
       bgColor: '#FFFFF', 
       color: '#000000', 
       speed: 500, 
       content: "Goodbye World!" 
      }); 
     }; 
</script> 

? 어떤 아이디어?

+0

'준비 완료, 기능() {DOM 요소가 있어야하는 모든 것들}}' – Virus721

+0

@ Virus721 - $ (document) .on ('ready', function() { function doFlip() { alert ('click'); } }); 이것은 발사되지 않는다. – OriginalUtter

+0

@ Virus721이 경우에는 관련이 없습니다. @Juhana 그것은 – JJJ

답변

0

지적한대로 두 가지 형태의 코드가 실제로 작동합니다. 내 ASP 컨트롤 중 하나가 어떤 식 으로든 페이지를 엉망으로 만드는 것 같습니다.