Question

我希望使用代码

显示ColorBox对话框

$(document).ready(function() $(".colorbox_dialog").colorbox(); });

当url参数？dialog = yes传递时。我怎么能在jQuery 1.3 +中做到这一点？

Answer 1

当我想通过代码

打开彩盒时，我会使用此功能

$.fn.colorbox({href:'#delete-comment-div', open:true, inline:true});

其中delete-comment-div是我要显示的div的id（在我的网站中它嵌套在一个隐藏的div中）。

Answer 2

window.location.getQueryString = function(queryStringName) { //usage - var blah = location.getQueryString("queryStringName");
        var qStrings = this.search.substring(1).split("&");
        for (var i=0;i<qStrings.length;i++)
        {
            var pair = qStrings[i].split("=");
            if (pair[0] == queryStringName) return decodeURIComponent(pair[1].replace(/\+/g, " ")); //str = str.replace(/find/g,”replace”)
        }
        return null;
      }

$(document).ready(function() {
  var dialog = location.getQueryString("dialog");
  if (dialog == "yes") $(".colorbox_dialog").colorbox({open:true});
  else $(".colorbox_dialog").colorbox();
});

Answer 3

将http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html的扩展代码添加到您的Javascript中。然后将上面的代码更改为：

$(document).ready(function() {
  if ($.getUrlVar('dialog') === 'yes') {
    $(".colorbox_dialog").colorbox();
  }
});

如何在jQuery中传递URL参数时显示ColorBox对话框

3 个答案: