Javascript - 如何加载内容取决于网址

时间:2018-01-19 11:04:09

标签: javascript jquery

我有2个按钮,当我们点击它时会重定向到window.location.replace的不同页面,而document ready我会为每个点击按钮添加2个按钮。但是,当我在两者中点击它时,会发生什么,而不应该。

我的点击功能:

$('a[href="#reception-supplier"]').on('click', function()
  {
    var type = $(this).attr('data-type');

    $.get("/reception-type/"+type, function(data)
    {
      $('.popup').html('');
      $('.popup').append(data);
      $('.popup').fadeIn(300);
      $('.loading').fadeOut(300);
      $('.inputDossie').select2();

      $('.enter-reception-order').on('click', function()
      {

        var supplierId = $('#supplierChoose option:selected').val();

        window.location.replace("/reception-order-header-supplier/"+supplierId);

      });
    });
  });

第二个功能点击:

$('a[href="#reception-order"]').on('click', function()
  {
    $.get("/reception-type/"+type, function(data)
    {
      $('.popup').html('');
      $('.popup').append(data);
      $('.popup').fadeIn(300);
      $('.loading').fadeOut(300);
      $('.input-order').focus();

      $('.enter-reception-order').on('click', function()
      {
        $('.error-message-reception').fadeOut(300);
        $('.error-message-reception .error').remove();
        var orderId = $('.input-order').val();
        $.get("/verify-reception-order/"+orderId, function(validOrder)
        {
            window.location.replace("/reception-order-header/"+orderId);
        });

      });

    });
  });

document ready我把这个2放在了:

$(document ).ready(function()
 {
    if(window.location.href.match('/reception-order-header-supplier/?') !== null)
    {
      alert('1');
    }

    if(window.location.href.match('/reception-order-header/?') !== null)
    {
      alert('2');
     }
 });

如何解决此问题或有哪些替代方案?

谢谢

0 个答案:

没有答案