मैं अपनी वेबसाइट में FullCalendar का उपयोग बूटस्ट्रैप के साथ मिलकर कर रहा हूं ताकि हर महीने मैं महीने के दृश्य में एक दिन पर क्लिक करूं, Google कैलेंडर में ठीक उसी तरह, इवेंट जोड़ने के लिए एक पॉपओवर है। यहाँ मेरा कोड है
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $("#calendar").fullCalendar({
height: height,
header: {
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
dayClick: function( date, allDay, jsEvent, view ){
$(this).children().popover({
title: "haha",
placement: "right",
content: "haha",html : true, container: "body"
});
$(this).children().popover("show");
}
})
कोड पहले ठीक होना चाहिए $(this).children().popover({ ताकि यह पहले से बंद सभी पॉपओवर को बंद कर दे।
हालाँकि, वास्तव में, इसे प्राप्त करने के लिए मुझे किस कोड का उपयोग करना चाहिए?
धन्यवाद!
उत्तर:
जवाब के लिए 2 № 1आप हटा सकते हैं popover या अधिक विशेष रूप से destroy संदर्भ सहेजने से पहले बनाया गया (जो अधिक विशिष्ट और बेहतर दृष्टिकोण होगा)।
var calendar = $("#calendar").fullCalendar({
height: "300px",
header: {
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
dayClick: function (date, allDay, jsEvent, view) {
$(this).children().popover({
title: "haha",
placement: "right",
content: "haha",
html: true,
container: "body"
});
$(".popover.in").remove(); //<--- Remove the popover
$(this).children().popover("show");
}
});
या
var $calPopOver; //create a variable to save refe
var calendar = $("#calendar").fullCalendar({
height: "300px",
header: {
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
dayClick: function (date, allDay, jsEvent, view) {
$(this).children().popover({
title: "haha",
placement: "right",
content: "haha",
html: true,
container: "body"
});
if($calPopOver) //if there is something
$calPopOver.popover("destroy"); //then call popover destroy
$calPopOver = $(this).children().popover("show");
}
});