HTML 테이블이 포함 된 페이지를 설정하려고합니다. 테이블의 아무 행이나 클릭하여 다른 이미지로 모달을 가져올 수 있습니다. 이 모든 작업을 브라우저에서 수행해야하고 호출 할 서버가 없기 때문에 이미지 URL은 태그에 데이터 ID로 저장됩니다.
모달을 설정하려면 다음 코드가 있습니다. 그 자체로 $ (this) .data ( 'chi')는 이미지 URL 인 data-chi id를 가져옵니다. .html () jQuery 메서드 내의 HTML 내에서 어떻게 사용합니까? 다양한 탈출을 시도했지만 알아낼 수 없습니다.
$('#orderDetails').html($("<b> Order Id selected: <img src=\'\$(this).data('chi')\' alt=\"Smiley face\">" + '</b>'));
$('#orderModal').modal('show');
JSFiddle 링크 - https://jsfiddle.net/rHHmz/171/
가장 좋은 방법은 data-chi먼저 속성을 변수에 저장 한 다음 다음과 같이 문자열 연결에 사용할 수 있습니다.
var chi = $(this).data('chi');
$('#orderDetails').html($("<b> Order Id selected: <img src='"+chi+"' alt=\"Smiley face\">" + '</b>'));
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다