如何检查 url 在 jQuery 中是否没有查询字符串？

Question

我正在 WordPress 中编辑表单。我希望我的 jquery 脚本在 url 没有查询字符串时执行。

url 不应该有这样的查询字符串：http : //127.0.0.1/mybetabizopi/login/?action=lostpassword

我只希望我的脚本在 url 是这样或没有查询字符串时运行：http : //127.0.0.1/mybetabizopi/login/

这是我当前的脚本：

var j = jQuery.noConflict();
j(function() {


    j('#login #user_login').attr('placeholder', 'Username');
    j('#login #user_pass').attr('placeholder', 'Password');

    j('#login #user_login').addClass('form-control');
    j('#login #user_pass').addClass('form-control');

    j('#login #loginform label').wrap( "<div class='input-group'></div>" );


    j('#login .form-control').each(function() {
        j(this).insertAfter(j(this).parent());
    });

    j('#loginform .input-group > label').remove();

    j('<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span>').insertBefore('#user_login');

    j('<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span>').insertBefore('#user_pass');


});

任何帮助表示赞赏。

Answer 1

您可以使用indexOfonwindow.location.href检查是否有?字符。

请注意，您可以根据需要命名提供给 document.ready 处理程序的 jQuery 实例，因此您仍然可以$在该函数范围内使用该变量，即使全局$不再指向 jQuery。此外，您可以通过缓存和重用选择器来提高 jQuery 代码的效率。尝试这个：

jQuery(function($) {
  if (window.location.href.indexOf('?') == -1) { // no querystring exists
    $('#login #user_login').attr('placeholder', 'Username').addClass('form-control');
    $('#login #user_pass').attr('placeholder', 'Password').addClass('form-control');

    $('#login #loginform label').wrap("<div class='input-group'></div>");

    $('#login .form-control').each(function() {
      $(this).insertAfter($(this).parent());
    });

    $('#loginform .input-group > label').remove();

    $('<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span>').insertBefore('#user_login');
    $('<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span>').insertBefore('#user_pass');
  }
});