MVC2的框架下，使用ColorBox弹出的几种用法

0.需加载colorbox的库文件与样式

一.1.内置对象colorbox弹出（写在同一个页面里面），这是一个预先隐藏的页面，当触发事件后，利用colorbox插件将其嵌套并显示出来。

    

        

            

                
                

                    

                         您的评论：
                    
                

                     
            
            

        
    

2.通过SCRIPT触发事件，点击页面上的按钮（绑定一个函数，当函数触发时弹出colorbox）。

function jumpComment() {
                    $("#makeComment").colorbox({ width: "45%", inline: true, href: "#inline_comment" });
                    $("#makeComment").click();
}

二.1.点击页面后弹出colorbox，这是网页页面上的代码。

 查看详情 立即支付

                取消订单

2.script中绑定触发函数

3.定义Controller，触发函数后，系统会经由controller中定义的action一路执行代码逻辑。

   public ActionResult OrderDetail(string Id)
        {
            if (!String.IsNullOrEmpty(Id))
            {
                string itemId = Id;
                long orderId = Convert.ToInt64(itemId);
                Order orderDetail = OrderQueryService.FindOrderById(orderId);
                ViewData["orderDetail"] = orderDetail;
            }           
            return View();
        }

4.定义弹出的页面

如是，以上是常用的2种弹出方法。