HTML
120: $seperator= "<SEPERATOR>";
121: echo "<div class='optionBox' onClick='selectOther(this.id)' id='".$OPid.$seperator.$OPlayer2ID."' >".$OPlayer2nam."</div>";
Jquery
function selectOther(evalOTHERID){
$("div[.*'selected'#'"+evalOTHERID+"']").css('opacity', '1');
$("div[id='"+evalOTHERID+"']").css('opacity', '0.08');
$("div[id='"+evalOTHERID+"']").addClass( "selected" );
}
HTML 라인 # 120 및 # 121은 다음과 같은 선택 가능한 상자를 생성하기 위해 while 루프에 있습니다.
===== ===== =====
=43 = =44 = =45 =
===== ===== =====
선택 가능한 각 상자를 클릭하면 불투명도가 0.08로 변경됩니다. 내 문제는 이전에 선택한 상자를 선택 취소하는 방법입니다. jQuery 에서 제안 된 솔루션을 사용하려고했습니다 . 요소의 클래스와 ID를 동시에 선택 하시겠습니까? 하지만 내 통합에 문제가있는 것 같습니다.
나는 또한 그것을 다음과 같이 변경하려고했습니다.
$("div[class*='selected'][id='"+evalOTHERID+"']").css('opacity', '1');
그러나 여전히 선택한 불투명도를 1로 다시 변경하지는 않습니다.
나는 그 질문에 대한 답을 찾으려고 노력했지만 많은 솔루션이 있지만 웹 프로그래밍이 처음이며 올바르게 통합 할 수 없다는 것은 사실입니다. 그런데 콘솔에는 오류가 없습니다.
클래스가 선택된 요소의 ID를 얻을 수있는 방법을 알려주세요. 감사하겠습니다.
질문이 명확하지 않은 경우 수정하도록 도와주세요. 그러면 더 많은 것을 배울 것입니다. 감사합니다.
다음과 같이 dom 노드를 전달하여 약간 단순화 할 수 있습니다.
onClick='selectOther(this)'
그런 다음 jQuery로 래핑 $(elem)하고 문제를 해결합니다.
function selectOther(elem){
$(elem).toggleClass("selected");
if( $(elem).hasClass("selected") ){
$(elem).css('opacity', '0.08');
} else {
$(elem).css('opacity', '1');
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다