單擊 jquery datepicker 下一個事件時打開未定義的頁面

Question

我正在制作一個網頁並使用了 jquery-3.2.1.min.js 、 jquery-ui.min.js 和 animsition.min.js 。 我正在使用 datepicker 使用以下代碼捕獲日期：-

$(document).ready(function() {
$("#datepicker").datepicker({
dateFormat: "dd-mm-yy" ,
navigationAsDateFormat: true,
    onSelect: function() {
report_date= $("#datepicker").val();
    }
 });
});

在正文中，我使用了簡單的代碼：

日期： <input type="text" size="10" id="datepicker">

問題是，當我使用 datepicker 獲取日期並單擊下個月時，它最初顯示新的月份，但隨后導航到另一個頁面，並顯示消息“在此服務器上找不到請求的 URL/undefined”。 我嘗試在 chrome 開發人員選項中檢查並得出結論，鼠標點擊事件正在被 animsition.min.js 捕獲，這可能會將其帶到一個新的未定義頁面。 在 chrome 中禁用此事件時，日期選擇器工作正常。 但是我如何在我的代碼中做到這一點？

Chrome Inspect 元素輸出的屏幕截圖

Answer 1

您可能像我一樣在您網站的頁面上使用某種 CSS 動畫。 事實上，我有你在上面展示的相同的“animsition”類。

請將您的正文標簽從 更改為 ，您的下個月和上個月按鈕現在可以使用了。 我也遇到了 JGQRID JS（Guriddo 和 Trirand）的問題，其中導出功能也不起作用。 從 body 標簽中刪除該類也解決了這個問題。

唯一的缺點是你失去了頁面淡入/淡出動畫。

Answer 2

我遇到了同樣的問題，我花了半天時間才解決這個問題。 就我而言，日期選擇器與 animsition 插件沖突。 我的解決方案是一個全局變量：

var no_fade = false;

單擊日期選擇器時，將此值更改為 true：

$('.ui-datepicker').click(function(){
    no_fade = true;
});

在動畫設置中：

$(".animsition").animsition({
  inClass: 'fade-in',
  outClass: function(){
    if (no_fade) {
      no_fade = false;
      return '';
    } else
      return 'fade-out';
  },
  inDuration: 900,
  outDuration: 900,
  ...
});

Answer 3

您可以使用：

linkElement: 'a:not([target="_blank"]):not([href^="#"]):not(.ui-datepicker-next):not(.ui-datepicker-prev)'

在您的動畫配置中