안녕하세요 저는 단어를 함께 끌어서 문구를 만드는 자기시 게임을 만들고 있습니다. 절대 위치 div와 함께 드래그 앤 드롭 가능 jqueryui를 사용하고 있습니다.
http://test-magnets.meteor.com/
나는 또한 게임이 가능한 한 반응하도록 노력하고 있습니다. 냉장고 오른쪽에 "not-in-play"클래스가있는 단어 모음이 있습니다. 냉장고에 떨어지면 클래스가 제거됩니다. 따라서 화면 크기가 더 작을 때 "not-in-play"클래스가있는 자석을 이동하고 싶습니다.
나는 이런 생각을하고 있었다
$(document).ready(function() {
var screenwidth = $(window).width()
if (screenwidth <= 800) {
$('magnet.not-in-play').each(function(){
var currentPosLeft = parseInt($(this).css('left'));
$(this).css('left', (currentPosLeft - 1000) + 'px');
});
}
});
if 블록 내부에서 실행하라는 경고를받을 수 있지만 시도하는 CSS가 작동하지 않습니다. 콘솔에서 잘 작동하므로 혼란 스럽습니다. 어떤 제안이라도 대단히 감사하겠습니다. 감사
이것은 내 앱이 아닌 바이올린 http://jsfiddle.net/ff0ynexc/ 에서 잘 작동하는 것 같습니다.
-남자
을 사용 -=
하면 작동하지 않습니다 (속성을 직접 설정 함). 대신 다음과 같이하십시오.
var currentPosLeft = parseInt($('.magnet.not-in-play').css('left'));
$('.magnet.not-in-play').css('left', (currentPosLeft - 600) + 'px');
(아마도 루프에서 수행해야 할 것입니다)
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다