Блог

 function displayInfo(nKey) {
    var i, xdata, xfilm, xprop;
    if(!nKey) return false;
    var objFilm;
    var imgRef;
    //iterate through all object properties; display their attributes
    var jqxhr = $.getJSON('dbMovies.json', function(data) {
        $.each(data.disc, function(i, xdata) {
            if(xdata.key == nKey) {
                objFilm = xdata.film;
                imgRef = xdata.img;
                if(xdata.doc) bkDoc = true;
                return false;
            }
        });    // $.each
    })
    .done(function() {
        // objFilm has either a single film object or else an array of film objects
        var arInfo = [];
        if(!$.isArray(objFilm)) {
            var arProps = Object.keys(objFilm);....//absolutely
            arProps.forEach(function(item) {
                if(item != "ref") {
                    arInfo.push(item   ": "   objFilm[item]   "<br>");
                } else {
                    arInfo.push(item   ": <a href="   objFilm[item]   " target=_blank>Wikipedia</a>");
                }
            });

    var w = window.open('', '', 'width = 650, height = 500, resizable');
    $(w.document.body).html(arInfo.join(""));
    })  // .done
 

У меня есть то, что мы будем называть приложением киоска, которое содержит содержимое моей библиотеки фильмов, хранящееся в файле JSON. Доступ к содержимому можно получить несколькими способами, но каждый из них отображает все соответствующие заголовки. Например, при поиске фильмов с Софи Лорен можно было бы увидеть такой результат:

Все браузеры работают до этого момента. Вы можете видеть, что у каждого фильма есть ссылка, которая ведет к определенной информации о фильме. Хотя один браузер (Mac Safari), как сообщается, не отображает ссылку на Википедию, все остальные браузеры это делают. Но только браузеры Microsoft (Edge, IE11) показывают соответствующую миниатюру. Поэтому (?) только браузеры Microsoft реагируют на щелчок, вызывая мой механизм отображения для полной версии изображения. Все браузеры хорошо и одинаково реагируют на более прямые вызовы механизма отображения. Например, смотрите [http://www.michaelbroschat.com/LongviewChristmas/LongviewChristmas.html ]. Информационное окно создается динамически при нажатии на ссылку с индексом, показанную на первом рисунке.

Все браузеры успешно создают новое окно и большинство информационных элементов данных. Фактически, Chrome и Firefox, похоже, создают код отображения изображения, но не воздействуют на него. Все приложение можно увидеть на http://www.michaelbroschat.com/film/disccatalog.html Я хотел бы знать, почему Chrome и Firefox не разрешают то, что разрешают браузеры Microsoft.

Вы не указали в своем вопросе важную часть кода, которая является кодом, который создает <a> тег вокруг ссылки на изображение.

Проблема, с которой вы сталкиваетесь, заключается в том, что вы вставляете собранный HTML-код для списка фильмов в это всплывающее окно, которое открывается без ссылки на URL. Ваши <img> теги создаются с относительными URL-адресами (например, «liners/i0001.jpg «), но поскольку у браузера нет базового URL-адреса для ссылки, изображение не может быть загружено.

Internet Explorer может сделать некоторый вывод о том, что всплывающее окно имеет тот же базовый URL, что и родительский, но другие браузеры, по-видимому, этого не делают.

У меня есть несколько теорий по этой части вашего кода:

 ............arProps.forEach(function(item) {
................if(item != "ref") {
....................arInfo.push(item   ": "   objFilm[item]   "<br>");
................} else {
....................arInfo.push(item   ": <a href="   objFilm[item]   " target=_blank>Wikipedia</a>");
................}
............});
 

ПЕРВОЕ: убедитесь, что в теге привязки используются одинарные или двойные кавычки в зависимости от ваших предпочтений при выводе источника, например:

 <a href="path/to/objFilm/item" target="_blank">Wikipedia</a>
 

Я предполагаю, что, поскольку только ваша версия safari имеет проблему со ссылкой на Википедию, она чувствительна к кавычкам.

Что касается изображения, где находится тег img для вывода пути к изображению?