왜이 간단한 jQuery 전송 효과가 작동하지 않습니까?

내가 필요로하는 jQuery를 UI 물건과 jQuery를 핵심 여전히 다음과 같은 실 거예요 작업을 포함 시켰습니다 :왜이 간단한 jQuery 전송 효과가 작동하지 않습니까?

<div id="a" style="width: 500px; height: 500px; background-color: #F00; border: 1px solid #00F;">Click me</div> 
<div id="b" style="width: 50px; height: 50px; background-color: #0F0; border: 1px solid #00F;"></div>

그리고

이

$(document).ready(function() { 
    $('#a').click(function() { 
     $(this).effect(
      'transfer', 
      { to: $('#b') }, 
      1000 
     ); 
    }); 
});

당신은 JSFiddle 예를 찾을 수 here

출처

2012-12-13 Jimbo

@Bondye 당신은 질문을 읽습니까? * 필자가 필요로하는 jQuery UI 항목을 포함했습니다. * – BenM

이 JSFiddle을 올바르게 설정했다고 생각합니다! 처음에 내가 배제한 필수 jQuery가 아니라는 것을 확실히하기 위해서 ... – Jimbo

http://jsfiddle.net/EUSyz/3/ HTML에 .ui-effects-transfer를위한 CSS 라인을 추가했습니다. 그것은 곧바로 효과가 있었습니까? – Gavin

효과를 위해 jQuery UI가 필요합니다.

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css " /> 
<script src="http://code.jquery.com/jquery-1.8.3.js "></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js "></script>

또한 전송 CSS가 필요합니다.

.ui-effects-transfer {border : 2px dotted gray; }

Demonstration

출처

2012-12-13 10:05:42

ROFL - jQuery UI의 사용자 정의 빌드를 다운로드했는데 (필요한 것은 선택 만했으나'effects core'와'transfer' 효과는 확실합니다) 그리고 어떤 이유로 CSS와 함께'.ui-effects-transfer' 스타일 (!?)을 생략했다. – Jimbo

전송 효과를 어떻게 멈추게 할까? –

왜이 간단한 jQuery 전송 효과가 작동하지 않습니까?

답변

관련 문제