私はブートストラップのモーダルと、そのモーダル内でweb2py ajax経由でロードされるフォームを持っています。私のdatepickerフィールドはそのフォームにあり、それはajax経由でロードされているので起動しません。そこで、読み込まれたajaxをキャッチし、後でdatepickerをアクティブにするリスナーを追加しました。次に、フィールドをクリックすると、datepickerが開きますが、ページコンテンツ全体が年に置き換えられます。ここでは何が起こるかのスクリーンショットGIFは次のとおりです。ブートストラップモーダルのブートストラップモードピッカー、ページを空白にして年を追加する
EDIT:また、このエラーが呼び出され
/**
* JS
*/
// Fill modal with content from link href
$("#myModal").on("show.bs.modal", function (e) {
var link = $(e.relatedTarget);
// this line loads the form via ajax
$.web2py.component(link.attr("href"),'modal-body');
// this listens for ajax and activates bootstrap datepicker after
$(document).ajaxComplete(function(e, xhr, settings) {
if (settings.url == link.attr("href")) {
$("#myModal").find('input.date').datepicker(
);
}
});
});
/**
* HTML
*/
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Edit Deal</h4>
</div>
<div id="modal-body" class="modal-body"></div>
</div>
</div>
</div>
:
サムが要求されるように、ここでの問題を診断するのに役立ついくつかのコードがありますコンソールでは、これがdatepickerに特に影響するかどうかわからない場合は、うまくいけば助かります。
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
GIFリンクが –
壊れては完全に私はちょうどあなたがそれを表示する権限を持っていますが、ではない私たちは、私がリンクを変更 – Karl
それをクリックしては、作業@SamHood! –