盡管不滿足條件，功能仍在運行

Question

一旦滿足條件並執行了該函數，我便在下面稱為daterange該函數中運行，即使param值不等於“ date”，該函數daterange繼續運行。

我也嘗試過使用return退出該函數，但它仍在運行。

Java腳本

$(document).ready(function(e) {
  $('.search-panel .dropdown-menu').find('a').click(function(e) {
    e.preventDefault();
    var param = $(this).attr("href").replace("#", "");
    var concept = $(this).text();
    $('.search-panel span#search_concept').text(concept);
    $('[id$=hdnSearchParam]').val(param);
    if (param == "date") {
      $(function daterange() {
        $("#<%= txtsearch.ClientID %>").daterangepicker({
          locale: {
            format: 'DD/MMM/YYYY'
          }
        });
      });
    } else {
      return false;
    }

  });
});

//Re-Create for on page postbacks
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function daterange() {
  $('.search-panel .dropdown-menu').find('a').click(function(e) {
    e.preventDefault();
    var param = $(this).attr("href").replace("#", "");
    var concept = $(this).text();
    $('.search-panel span#search_concept').text(concept);
    $('[id$=hdnSearchParam]').val(param);
    if (param == "date") {
      $(function() {
        $("#<%= txtsearch.ClientID %>").daterangepicker({
          locale: {
            format: 'DD/MMM/YYYY'
          }
        });
      });
    } else {
      return false;
    }
  });
});

有什么想法嗎？

Answer 1

我認為最好在這樣的單獨函數中隔離daterangepicker的初始化

function initDateRange()
{
    $("#<%= txtsearch.ClientID %>").daterangepicker({
      locale: { format: 'DD/MMM/YYYY' }
    });
}

叫它

$(document).ready(function(e) {
  $('.search-panel .dropdown-menu').find('a').click(function(e) {
    e.preventDefault();
    var param = $(this).attr("href").replace("#", "");
    var concept = $(this).text();
    $('.search-panel span#search_concept').text(concept);
    $('[id$=hdnSearchParam]').val(param);
    if (param == "date") {
        initDateRange();
    } else {
        return false;
    }
  });
});

//Re-Create for on page postbacks
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function daterange() {
$('.search-panel .dropdown-menu').find('a').click(function(e) {
    e.preventDefault();
    var param = $(this).attr("href").replace("#", "");
    var concept = $(this).text();
    $('.search-panel span#search_concept').text(concept);
    $('[id$=hdnSearchParam]').val(param);
       if (param == "date") {
           initDateRange();
    } else {
     return false;
  }
});