Question

我创建了一个Web应用程序，它需要弹出名为rippolls的Fancy盒子中的图像和视频。在这里，我的“Rippolls”加载在弹出框中，用户可以投票给那些rippolls。我的问题是，在一个页面中我列出了所有的rippolls，当我点击带有图像或视频的rippoll时，它装满了花哨的盒子和花式盒子css。

我引用了

 <script src="../../Content/Scripts/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<link href="../../Content/Styles/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

在_layout.cshtml中，其中引用了_RippollList.chtml页面。 _RippollList.chtml中的代码是：

$("a.btnVotePop@(poll.Id)").fancybox({

        'onComplete' : function() {
                  alert('hello');
                 try {
                  FB.XFBML.parse();
                  twttr.widgets.load();
                  history.pushState({}, "@poll.Name.Trim()", "/polls/@poll.Id");
                  document.getElementsByTagName("title")[0].innerHTML = "@poll.Name.Trim()";
                  //history.replaceState({}, "title", "@poll.Name.Trim()");
                  //$("#rippoll_image_path").attr("content", $("#polltitle").val());
                  }
                  catch (ex) {
                        alert('Error parsing response.');
                  }

            },

            'onClosed' : function(){
                 alert("closed");
                try {
                history.pushState({}, "Rippoll", "/home/mypage");
                document.getElementsByTagName("title")[0].innerHTML = "My Page";
                 $('#divDetailCont').css('display', 'none');
                }
                catch (ex) {

                }
            },  

             ajax : {
                 type   : "GET"
             },

            'width': '560px'         

    });

Html：

<div id="videoDeftImgContainer" class="videoDefultImg">
<a class="btnVotePop@(poll.Id)" href="RippollCardPopup/@(poll.Id)">
<img class="inImgSize" src="@poll.ImagePath" />
</a>
<div id="plyBtnClk" class="playBtn" onclick="">
 <a class="btnVotePop@(poll.Id)" href="RippollCardPopup/@(poll.Id)">
<img src="../../Content/images/newImages/hoverPlay.png" />
</a></div></div>

脚本引用：

 <script src="../../Content/Scripts/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<link href="../../Content/Styles/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

但我仍然得到一个没有fancybox及其样式的页面。

我怀疑是因为我正在为rippoll添加一些文本值（例如：rippoll名称，rippoll问题等等），它也可能有一些特殊字符（@％$＃{}}，并且它是在花式盒子里没有打开rippolls的原因。

帮帮我吧。如果您成功的任何代码段，请发布。

花式框弹出窗口无法正常工作

0 个答案: