slideToggle 在页面加载时激活

Question

拜托，你能帮我写代码吗？

首先，我设法从 URL

调用了下拉选项

// Relinquish control of `$` to previous library
jQuery.noConflict();

// Wrap jQuery code in IIFE
(function($) {
  $(document).ready(function() {
    // Construct URL object using current browser URL
    var url = new URL(document.location);

    // Get query parameters object
    var params = url.searchParams;

    // Get value of paper
    var selector = params.get("chart-selector");

    // Set it as the dropdown value
    $("#chart-selector").val(selector);
  });
})(jQuery);

但是，只有当我手动选择下拉选项（鼠标输入）时，图表才会呈现。

$(document).ready(function() {
  $('#navbarDropdown').mouseenter(function() {
    $('.dropdown-menu').slideToggle(300, "linear");
  });

  $('.dropdown-menu').mouseleave(function() {
    $(this).slideToggle(300, "linear");
  });
});

当 URL 看涨期权时，如何自动执行？非常感谢大家！

Answer 1

如果我理解正确，您想在页面加载后立即在下拉菜单上调用 slideToggle，并将元素的值设置为 URL 中的图表选择器参数。

您可以在 $(document).ready 中执行此操作，您不需要 DOM 事件的函数来调用动画。

所以你可以这样做：


// Wrap jQuery code in IIFE
(function($) {
  $(document).ready(function() {
    // Construct URL object using current browser URL
    var url = new URL(document.location);

    // Get query parameters object
    var params = url.searchParams;

    // Get value of paper
    var selector = params.get("chart-selector");

    // Set it as the dropdown value
    $("#chart-selector").val(selector);

    $('.dropdown-menu').slideToggle(300, "linear");
  });
})(jQuery);

slideToggle 在页面加载时激活

slideToggle activate when page load

javascript

url

charts

slidetoggle