부트 스트랩 3 팝 오버

나는 이미지를 표시하는 팝 오버가 : 내 HTML :부트 스트랩 3 팝 오버

%a#btn2{"data-content" => "#{ image_tag CarConfiguration.last.image_url.to_s}".html_safe ,"data-placement" => "bottom"} Click to toggle popover

내 JS : "data-content" => "#{ image_tag CarConfiguration.last.image_url.to_s}"

$('#btn2').popover trigger: "hover", html: true

내 JS이 조각을 내보낼

어떻게해야합니까?

출처

2014-03-12 Mateusz Urbański

popover를 정의하는 js 함수에서 내용을 설정할 수 있습니다.

var myPopoverContent = "#{ image_tag CarConfiguration.last.image_url.to_s}".html_safe; 

$('#btn2').popover({ 
    trigger: 'hover', 
    html: true, 
    content: myPopoverContent 

});

http://jsfiddle.net/afolkesson/s9L9A/

출처

2014-03-12 10:26:41

감사의 도움 :

그것은이 같은 것입니다. 그러나이 코드는 제대로 작동하지 않습니다. 문제는 다음과 같습니다. var myPopoverContent = "# {image_tag CarConfiguration.last.image_url.to_s}".html_safe; 이 사진을로드 할 수 없습니다. 나는 자바 스크립트에서 루비 코드를 어떻게 평가할 수 있는지 모른다. –

나는 ruby-on-rails에 익숙하지 않지만 데이터 내용 태그로 반환 할 수 있다면 숨겨진 입력을 추가하고 url에 값을 설정할 수있다. 예 : var myPopoverContent = $ (예 : ) 다음과 같이 js 코드의 값을 검색 할 수 있습니다. var myPopoverContent = $ (예 : ) "#hiddenInput"). val() –

부트 스트랩 3 팝 오버

답변

관련 문제