Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Не получается подключить никакую галлерею.

Автор: Fighter 15.1.2012, 03:29

Пробую уже наверное пятую галерею для сайта, и всегда, все застревает на том что когда делаешь $('<какой то селектор>').<имя функции по названию галереи, например, lightBox или prettyPhoto>(), в результате получаешь JS-ошибку - <имя функции по названию галереи> is not a function.

Ниже приведу отрывки, которые отвечают за формирование страницы на сайте:

Формирование списка картинок для галереи

Код


    <div id="gallery">
            <% foreach (var picture in pictures)
            { %>
            <a href="<%= Url.Action("GetImage", "Main", new {imageId = picture.id}) %>" rel="prettyPhoto" title="Trammel shows off his shoes">
                <img src="<%= Url.Action("GetImage", "Main", new {imageId = picture.id}) %>" alt="Hello"  height="113px" width="150px"/></a>              
            <% } %>
   
    </div>

Ниже приведены включения в файл скриптов и css:

Код


<asp:Content ID="Content3" ContentPlaceHolderID="HeaderContent" runat="server">
    <link rel="stylesheet" type="text/css" href="<%= Url.Content("~/Content/FurnitureInfo.css") %>" />    
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery-1.7.1.min.js") %>"></script>    
    <script type="text/javascript" src="<%= Url.Content("~/Scripts/UserScripts/FurnitureInfo.js") %>"></script>

    <link rel="stylesheet" href="<%= Url.Content("~/Content/PrettyPhoto/css/prettyPhoto.css") %>"/>
    <script src="<%= Url.Content("~/Content/PrettyPhoto/js/jquery.prettyPhoto.js") %>" type="text/javascript" charset="utf-8"></script>
    
</asp:Content>

И далее в конец тега <body> как и было сказано в документации к prettyPhoto был добавлен код скрипта:

Код


    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            if ($("a[rel^='prettyPhoto']")) {
                alert('Делаем prettyPhoto');
                $("a[rel^='prettyPhoto']").prettyPhoto();
            }
        });
    </script>

Причем, сообщение "Делаем prettyPhoto" выводится. В firefox открывал исходный код страницы и по ссылкам переходил на jquery.prettyPhoto.js, все нормально, но почему вот is not a function?

Автор: ksnk 15.1.2012, 11:26

Нужно смотреть (и постить сюда) на получившийся HTML, а не на серверный скрипт его формирующий.
В Хроме можно посмотреть в "Инструментах>> Инструменты разработчика" вкладку Net и определить все ресурсы, на которые есть ссылки и которые не загрузились.

Автор: Fighter 20.1.2012, 00:35

Нашел галерею которая все-таки подключилась к моему проекту: daGallery.