Abhilask kumar Ответов: 1

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

Я не нахожу проблемы, чем задаю вопрос. Просмотр страницы обоих здесь.

1 Ответов

Рейтинг:
11

Abhilask kumar

Я не решил эту проблему, но вместо этого я использовал диалоговое окно jquery и поместил изображение в dialog div.