jquery ui sortable placeholder는 배경색을 변경할 수 없습니다.

자리 표시 자의 테두리 색을 성공적으로 변경할 수 있지만 배경색을 변경하려고해도 아무 일도 일어나지 않습니다. 에 따르면 http://jsfiddle.net/EUVrK/1/jquery ui sortable placeholder는 배경색을 변경할 수 없습니다.

출처

2012-07-17 Kosta Kontos

jQuery UI Sortable Documentation 당신이 자리에 대한 CSS 클래스를 제공 할 수

는

이 jsfiddle 코드를 가장 잘 설명합니다. 이 클래스에서 배경을 지정할 수 있어야합니다.

자리 표시 자 및 forcePlaceholderSize 속성을 사용하면 매력처럼 작동합니다. jsfiddle을 업데이트했습니다. link

희망이 있습니다.

출처

2012-07-17 13:33:02 p0wl

감사합니다. 이 솔루션은 실제로 작동합니다. 그러나 그것은 다른 코드 레이아웃/구조를 사용하고 있습니다. 즉, 스타일을 CSS 클래스로 분리하고 foreplaceholderSize를 true로 설정하여 width 매개 변수를 상속해야합니다. 물론, 그것은 트릭을하지만, 다른 해결책 (IRC의 다른 사람의 호의)에 요약 된 해결책은 원래 질문의 코드에 한 줄의 jQuery 코드 만 추가하면됩니다. 꽤 우아합니다. 아마 당신도 유용하다는 걸 알았을까요? 어쨌든 고마워요 :) –

당신은 맞습니다,하지만 그것은 관점에 달려 있습니다. 나는 자바 스크립트와 CSS를 구분하고 싶다. jquery-ui의 표준 매개 변수를 사용하는 것이 장점을 가질 수 있지만 (예를 들어 get 메소드를 사용하여 읽음). – p0wl

그래, 당신이 한 방식대로 자바와 CSS를 분리하는 것이 더 나은 방법입니다. 따라서 질문의 제목이 ui.placeholder의 저급 조정에 대한 참조가 없기 때문에 올바른 답변으로 투표 할 것입니다. –

트릭을 수행하는 다음 솔루션을 제안한 irc.freenode의 친구로부터 도움을 받았습니다. 실제 요소가 표시되지 않았기 때문에

ui.placeholder.css("visibility", "visible"); 
ui.placeholder.css("background-color", "red");

자리 표시의 배경 색상 (나는 기본적으로 숨겨져에이 설정되어 있다고 가정) 표시되지되었다. 그래서 그것을 눈에 보이게 설정하면 다른 배경색을 볼 수 있습니다.

출처

2012-07-19 07:58:06

이 코드를 어디에 두어야합니까? – Sevenearths

아주 좋습니다. 이것은 완벽 해. –

ui.placeholder.css ({ "visibility": "visible", "background-color": "red"});를 사용하여 이것을 줄일 수도 있습니다. –

CSS

 
.placeholderBackground{background-color:#FD6FB7;}

PARAMETER p0wl을 돕기 위해 시간을내어

 
$('.sortable').sortable({ 
axis: 'y', placeholder: 'placeholderBackground' 
}).disableSelection();

출처

2013-08-19 21:32:56

jquery ui sortable placeholder는 배경색을 변경할 수 없습니다.

답변

관련 문제