내 사이트에서 jquery-bubble-popup을 구현하려고하지만 완전히 멈췄습니다. 나는 다음을 시도하고있다.jquery bubble-popup에 대한 click 이벤트 구현
- 누군가가 "보고서 정보"div를 클릭하면 해당 보고서와 관련된 풍선 팝업이 표시됩니다.
- 팝업에서 물건을 바꿀 수 있고 제출을 클릭하면 해당 데이터를 해당 서버에 게시 할 수 있습니다.
- 팝업 외부에서 클릭하는 경우. 나는 그것을 단순히 닫고 싶다.
아주 간단한 설정이지만 머리카락을 당길 것입니다. 그것 없이는 닫기 팝업을 얻을 수 없습니다.
바이올린 : http://jsfiddle.net/rECnm/1/
jQueryBubblePopup : http://www.maxvergelli.com/jquery-bubble-popup
코드 :
$(document).ready(function() {
$('div.emailReportIcon').CreateBubblePopup({
manageMouseEvents: false
});
$('div.emailReportIcon').click(function (event) {
var button = $(this);
var email = button.attr("data-email");
var message = '<div style="padding:10px;width: 250px;"><p><input type="checkbox"> Email me when new reports are ready.</p>' + '<p>Email Address<br /><input type="text" value="' + email + '"></p>' + '<div >' + '<input type="image" name="submit" value="submit" class="submitButton">' + '</div></div>';
button.ShowBubblePopup({
manageMouseEvents: false,
position: 'bottom',
align: 'left',
tail: {
align: 'left'
},
innerHtml: message,
innerHtmlStyle: {
color: '#000',
'text-align': 'left'
},
themePath: 'http://www.maxvergelli.com/docs/jquery-bubble-popup-examples/images/jquerybubblepopup-themes',
alwaysVisible: false,
closingDelay: 200,
selectable: true
});
});
});
'.HideBubblePopup()'이 (가) 작동하지 않았습니까? – zeroflagL
그러나 사용자가 버블 팝업 외부를 클릭하는 경우이를 구현하는 방법을 모르겠다. – KingKongFrog