Fancybox无法在asp.net中工作。 [英] Fancybox not working in asp.net.

问题描述

我想在fancybox中滑动一些照片，但它在浏览器控制台中提供错误无法在'历史''上执行'pushState'。同样的事情，我尝试在另一页，然后它工作。



<前lang =HTML> < ItemTemplate >
< a class = fancybox data-fancybox = gallery <％ #Container.DataItemIndex + 1 ％> href = <％ #Eval（ order_ image）。ToString（）。替换（ 〜， ）％> >
< img src = <％ #Eval（ order_image）。ToString（）。替换（ 〜， ）％> alt = / >
< / a >
< a < span class =code-attribute> class = fancybox data-fancybox = gallery <％ #Container.DataItemIndex + 1 ％> href = <％ #Eval（ order_image1）。ToString（）。替换（ 〜， ） ％> > < / a >
< a class = fancybox data-fancybox < span class =code-keyword> = gallery <％ #Container.DataItemIndex + 1 ％> href = <％ #Eval（ order_image2）。ToString（）。替换（ 〜， ） ％> > < / a >
< / ItemTemplate >

浏览器错误打击



未捕获的DOMException：无法在'History'上执行'pushState'：一个带有URL的历史状态对象'http：//user/collectiondetailsa3search.aspx#gallery2-1 '无法在原文'http://127.0.0.1:85'和网址'http://127.0.0.1:85//user/collectiondetailsa3search.aspx'的文档中创建。

at HTMLDocument.beforeMove.fb（http://127.0.0.1:85/Contents/Fanc y / dist / jquery.fancybox.min.js：12：12791）
HTMLDocument.dispatch上的
（https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery .min.js：3：10316）
HTMLDocument.q.handle上的
（https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js： 3：8343）

at Object.trigger（https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:5628)
HTMLDivElement的
。< anonymous> （https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:6138）

在Function.each（https：// ajax。 googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:2715)

at r.fn.init.each（https://ajax.googleapis.com /ajax/libs/jquery/3.2.1/jquery.min.js:2:1003)

at r.fn.init.trigger（https://ajax.googleapis.com/ajax/ libs / jquery / 3.2.1 / jquery.min.js：4：6114）

at p.trigger（http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox .min.js：11：21346）

at p.jumpTo（http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.min.js:11:8274）



我尝试了什么：



我在另一个尝试过的同样的事情页面然后它工作

 <   div  >  
 <   a     class   =  fancybox    data-fancybox   =  gallery    href   =  StyleImages / 02708964-a78d-409b-872f-fe1c88c6781a.jpg >  img1 <   / a  >  
 <   a     class   =  fancybox    data-fancybox   =  gallery    href   =  StyleImages / 1b16d363-4fe3-4f62-b541-8b5dbd0e31e5.jpg < span class =code-keyword>>  <   / a  >  
 <   a     class   =  fancybox    data-fancybox   =  gallery    href   =  StyleImages / 326c010d-a525-43ac-b3 9f-0c66488dff50.jpg >  img1 <   / a  >  
 <   a     class   =   fancybox    data-fancybox   =  gallery2    href   =  StyleImages / 02708964-a78d-409b-872f-fe1c88c6781a .jpg >  img1 <   / a  >  
 <   a     class   =  fancybox    data-fancybox   =  gallery2    href   =  StyleImages / d910356a -cccb-4cec-8b19-0dab468d8b6a.jpg >  img1 <   / a  >  
 <   / div  >  
 

解决方案

我没有解决这个问题，而是使用了jquery对话框而不是这个dialog div。

Hi, I want to slide some photos in fancybox but its provide error "Failed to execute 'pushState' on 'History'" in browser console. same thing i tried in another page then its worked.

<ItemTemplate>
    <a class="fancybox" data-fancybox="gallery<%# Container.DataItemIndex + 1 %>" href="<%# Eval("order_image").ToString().Replace("~", "") %>">
           <img src="<%# Eval("order_image").ToString().Replace("~", "") %>" alt="" />
    </a>
    <a class="fancybox" data-fancybox="gallery<%# Container.DataItemIndex + 1 %>" href="<%# Eval("order_image1").ToString().Replace("~", "") %>"></a>
    <a class="fancybox" data-fancybox="gallery<%# Container.DataItemIndex + 1 %>" href="<%# Eval("order_image2").ToString().Replace("~", "") %>"></a>
</ItemTemplate>

Browser error blow

Uncaught DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'http://user/collectiondetailsa3search.aspx#gallery2-1' cannot be created in a document with origin 'http://127.0.0.1:85' and URL 'http://127.0.0.1:85//user/collectiondetailsa3search.aspx'.
at HTMLDocument.beforeMove.fb (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.min.js:12:12791)
at HTMLDocument.dispatch (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:3:10316)
at HTMLDocument.q.handle (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:3:8343)
at Object.trigger (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:5628)
at HTMLDivElement.<anonymous> (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:6138)
at Function.each (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:2715)
at r.fn.init.each (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:1003)
at r.fn.init.trigger (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:6114)
at p.trigger (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.min.js:11:21346)
at p.jumpTo (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.min.js:11:8274)

What I have tried:

same thing i tried in another page then its worked

<div>
    <a class="fancybox" data-fancybox="gallery" href="StyleImages/02708964-a78d-409b-872f-fe1c88c6781a.jpg">img1</a>
    <a class="fancybox" data-fancybox="gallery" href="StyleImages/1b16d363-4fe3-4f62-b541-8b5dbd0e31e5.jpg"></a>
    <a class="fancybox" data-fancybox="gallery" href="StyleImages/326c010d-a525-43ac-b39f-0c66488dff50.jpg">img1</a>
    <a class="fancybox" data-fancybox="gallery2" href="StyleImages/02708964-a78d-409b-872f-fe1c88c6781a.jpg">img1</a>
    <a class="fancybox" data-fancybox="gallery2" href="StyleImages/d910356a-cccb-4cec-8b19-0dab468d8b6a.jpg">img1</a>
</div>

解决方案

I not solved this but instead of this i used jquery dialog box and put image on dialog div.

这篇关于Fancybox无法在asp.net中工作。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！