1

我创建了一个 Web 应用程序，它需要从称为 rippolls 的 Fancy 框中弹出图像和视频。在这里，我的“Rippolls”加载在弹出框中，用户可以为这些 rippolls 投票。我的问题是，在一个页面中，我列出了所有 rippoll，当我单击带有图像或视频的 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'         

    });

网页： 

<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。

帮我解决这个问题。请发布您成功的任何代码段。

4

0 回答 0