Fancybox не работает в asp.net.
Привет, я хочу вставить несколько фотографий в fancybox, но он выдает ошибку "не удалось выполнить 'pushState' на 'History'" в консоли браузера. то же самое я попробовал на другой странице, и тогда это сработало.
<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>
Ошибка браузера удар
Непойманные DOMException: не удалось выполнить 'pushState на "история": историческое состояние объекта с http://user/collectiondetailsa3search.aspx#gallery2-1 URL-адрес '' не может быть создана в документе с происхождения 'http://127.0.0.1:85 и URL-адрес 'http://127.0.0.1:85//user/collectiondetailsa3search.aspx'.
в HTMLDocument.beforeMove. fb (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.мин.ДШ: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. & lt;anonymous> (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:6138)
на работе.каждый (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:2715)
в r. fn. init. each (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:1003)
в R.ФН.инит.триггер (https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:4:6114)
в п. триггер (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.мин.ДШ:11:21346)
на стр. jumpTo (http://127.0.0.1:85/Contents/Fancy/dist/jquery.fancybox.мин.ДШ: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"></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>
F-ES Sitecore
Просмотрите источник страницы и посмотрите, чем отличается та, которая не работает, от той, которая работает.
Abhilask kumar
Я не нахожу проблемы, чем задаю вопрос. Просмотр страницы обоих здесь.