マウスがフルカレンダーでそれから離れて移動するまで、ポップオーバーボックスを開くにはどうすればよいですか。 -- javascript フィールド と angularjs フィールド と fullcalendar フィールド 関連 問題

How can I hold Popover box until my mouse moves away from it in Full calendar?












0
vote

問題

日本語

私のアンギュラプロジェクトでフルカレンダーを使ってイベントを表示しています。私はポップオーバーを使ってアクティビティを表示し、そのポップオーバーのボタンで新しいクリックイベントを発射しています。しかし、私の主な問題は、このポップオーバーがそのポップオーバーにマウスをドラッグしようとすると非表示になることです。私はこのポップオーバーが私のマウスをそれから離れて移動するように表示されます。

<事前> <コード> module List = let divideAt predicate list = let rec divideAt' acc = function | [] -> (List.rev acc, []) | h::_ as ls when predicate h -> (List.rev acc, ls) | h::t -> divideAt' (h::acc) t divideAt' [] list 8
英語

I am using full calendar in my angular project to display events . I am using popover to display activity and fire a new click event on a button in that popover. But my main issue is that this popover gets hidden when i try to drag mouse on that pop over. I want this popover to get displayed untill i move my mouse away from it.

        eventRender: function (event, element) {             var chk = $(event.target).css('display', 'block');             element.popover({                 animation: false,                 delay: 300,                 html:true,                 content: '<div ng-show="checked"><button>abc</button><b>Item</b>:' + event.start + "<b>Fin</b>:" + event.end + "</div>",                 //offset: 10,                 //container: '#calendar',                 trigger: 'hover'             }); 
</div
        
       
       

回答リスト

1
 
vote

マウスエンジンとマウスleaveイベントを適用することでこれを修正しました

<事前> <コード> element.popover({ animation: false, delay: 300, html:true, content: '<div ng-show="checked"><button>abc</button><b>Item</b>:' + event.start + "<b>Fin</b>:" + event.end + "</div>", //offset: 10, //container: '#calendar', trigger: 'hover' }) .on("mouseenter", function () { var _this = this; $(this).popover("show"); $(".popover").on("mouseleave", function () { $(_this).popover('hide'); }); }).on("mouseleave", function () { var _this = this; setTimeout(function () { if (!$(".popover:hover").length) { $(_this).popover("hide"); } }, 300); });
 

I fixed this by applying mouseenter and mouseleave events

            element.popover({             animation: false,             delay: 300,             html:true,             content: '<div ng-show="checked"><button>abc</button><b>Item</b>:' + event.start + "<b>Fin</b>:" + event.end + "</div>",             //offset: 10,             //container: '#calendar',             trigger: 'hover'             })                 .on("mouseenter", function () {                     var _this = this;                     $(this).popover("show");                     $(".popover").on("mouseleave", function () {                         $(_this).popover('hide');                     });                 }).on("mouseleave", function () {                     var _this = this;                     setTimeout(function () {                         if (!$(".popover:hover").length) {                             $(_this).popover("hide");                         }                     }, 300);                 }); 
</div
 
 

関連する質問

2  FullCalendarにイベントを追加する場合、それらは重複しています - 原因なしでイベントを追加するために行われた複数の呼び出し  ( When adding events to fullcalendar they are duplicated multiple calls made to ) 
私はFullCallendarとjQueryを使っています。私はGoogleカレンダーをインターフェイスのようなものとし、JSONファイルからイベントをプルしました。ユーザーがDIVをクリックすると、Infoを入力するにはDIVが開きます。[イベントの追加]を...

2  FormatDateが予想通りうまく機能しない  ( Formatdate not working as expected ) 
これは私の最初のFullCalendarプロジェクトです。 5月13日にクリックしました。 私は日付を次のようにフォーマットします: <コード> dayClick: function (date, allDay, js...

1  初期化されたときに、特定の開始日と終了日にフルカレンダーを設定する方法  ( How to set full calendar to a specific start date and end date when its initial ) 
初期日と終了日を設定したいと思います。 そのため、StartDateとEndDateの間の日付だけを表示するカレンダーを表示するように機能を呼び出すとき。 例えば、ユーザーは初期日を選択し、17-03-2014を選択しますので、表示に行ったことは12-03,1...

2  FullCalendar Drop外部イ​​ベント元の機能  ( Fullcalendar drop external event revert function ) 
fullcalendar ライブラリに従って、デモ<コード> 99887662 を使用してイベントカレンダーを作成しようとしています。概念を理解しています。キャンセルを押すと、ドロップイベントが元の位置に戻ります。 <コード> sweetalert2 ラ...

0  次のボタンとPREVボタンのセレクタはありますか?  ( Is there a selector for the next and prev buttons ) 
月表示カレンダーの次のボタンを選択して、数ヶ月の切り替え時にダイアログボックスを非表示にしたい。 何かのようなもの: <事前> <コード> $(selector for buttons).live('click',function(){$("#dialog_f...

18  隠れたDIVにjQuery FullCalendarプラグインを正しくロードする方法  ( How do i properly load the jquery fullcalendar plugin in a hidden div ) 
私のページをタブに分割するには、JQuery Toolsタブを使用しています。これらのタブの1つにはjQuery FullCalendarが含まれています。私はJavaScriptをロードするためにページ内で最後にスピードを持ち、非標的内容のフラッシュを回避す...

0  画面に追加されたイベントが追加されていますが、IDが存在しないため、ページを更新せずに追加のイベントを編集したい場合は不可能です。  ( Just added event appears on screen but id doesnt exist and thus when we want to ) 
問題は、イベントが正常に追加されたときに、画面に表示されますがIDは含まれていないため、ページを更新せずに追加するイベントを編集したい場合は、IDが一致しないというエラーが表示されます。 。 追加機能はこのようになります。 <事前> <コード> functio...

0  FullCalendar - ユーザーによって選択されたイベントを取得します  ( Fullcalendar only get the selected event by user ) 
fullcalendar に既に入力されているイベントをユーザーに選択した場合にのみ選択されたイベントを取得する可能性はありますか? 私はドキュメンテーションを調べましたが、そこに多くの助けを見つけることができませんでした。 しかし、私は私がすべてのイベン...

0  FullCalendarのイベントに弾丸を適用します  ( Apply bullets to the events from fullcalendar ) 
jQueryの ' FullCalendar 'プラグインを使用して、月のイベントを表示します。 イベントに弾丸を適用したいです。私はグーグルしましたが、私はそれについて何も見つけることができませんでしたが、私たちはCSSクラスを適用できることを知っていま...

0  FullCalendar Closeon Xの前に  ( Fullcalendar closeon x before title ) 
私はFullCalendarを使っています、そして私は質問をしました。 日からイベントを削除するには、次の機能があります。 <事前> <コード> height:100%16 今、問題は、xがイベントタイトルを超えて、この写真。 しかし、私が必要とするのは、...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有