как назначить переменную JSON для внешней функции jQuery

Question

как назначить переменную JSON для внешней функции jQuery

-4

Я показываю список элементов JSON в DIV. Как я могу повторно отобразить конкретный элемент во 2-м DIV при зависании.

Прямо сейчас, сценарий печатает: "+ data.items [i].title +" verbatim, вместо фактического отображения значения.

Что можно изменить в сценарии ниже? Заранее спасибо.

ПРИМЕЧАНИЕ. Это другой вопрос, который мой предыдущий, поскольку он имеет дело с ТЕКСТОМ, а не ИЗОБРАЖЕНИЯ.

$.getJSON('1zONE.json', function(data) {
    globalData = data;
    var output="<ul>";
    for (var i in data.items) {
        output += "<li><h1>" + data.items[i].title + "</h1>" + data.items[i].price + "--" + data.items[i].description.one+"</li>";
    }
    output += "</ul>";
    $("#placeholder").html(output);


    $('li').on({
        mouseenter: function() {
        document.getElementById("placeholder2").innerHTML=" + data.items[i].title + ";

        }
    });   
});

Вот файл JSON (1zONE.json):

{"items":[
        {
            "id":"1",
            "thumb":"01_sm",
            "thumb2":"01_md",
            "title":"Ray",
            "price":"Villalobos",
            "description": {
                "one":"January",
                "two":12,
                "three":2012
            }
        },
        {
            "id":"2",
            "thumb":"02_sm",
            "thumb2":"02_md",
            "title":"John",
            "price":"Jones",
            "description": {
                "one":"April",
                "two":28,
                "three":2010
            }
        },
        {
            "id":"3",
            "thumb":"03_sm",
            "thumb3":"03_md",
            "title":"Jo",
            "price":"Jo",
            "description": {
                "one":"May",
                "two":8,
                "three":2010
            }
        },
        {
            "id":"4",
            "thumb":"04_sm",
            "thumb3":"04_md",
            "title":"Jo4",
            "price":"Jo4",
            "description": {
                "one":"May4",
                "two":84,
                "three":20104
            }
        }
]}

Jim22150 12 дек. 2012, в 21:27

Источник

0

Это довольно новый метод отображения значений. Вы должны внести свой вклад вместо того, чтобы голосовать вниз.
Jim22150 12 дек. 2012, в 20:01
1

Подсказка: посмотрите на выделение синтаксиса в вашем вопросе в этой строке: document.getElementById("placeholder2").innerHTML=" + data.items[i].title + ";
jbabey 12 дек. 2012, в 20:02
2

Без обид, но это действительно очень важный вопрос. Вы должны сделать шаг назад и заглянуть в JavaScript начального уровня.
JJJ 12 дек. 2012, в 20:03
0

Я не знаю, если это «базовый», это сложно с динамическими переменными.
Jim22150 12 дек. 2012, в 20:04
2

Сам сценарий не является базовым, но если вы не можете понять, почему печатается имя переменной, а не ее содержимое, она слишком сложна для вашего текущего уровня квалификации.
JJJ 12 дек. 2012, в 20:06
0

я понимаю почему, мне просто нужна помощь с синтаксисом.
Jim22150 12 дек. 2012, в 20:17
0

Для вас было бы намного проще, если бы вы с самого начала застряли с jQuery вместо того, чтобы смешивать все виды вещей в своем коде. Если вы посмотрите на один из ваших предыдущих вопросов, я почти уверен, что опубликовал ответ, который показывает, как создавать элементы с помощью jQuery вместо использования только строк, а селекторы jQuery намного приятнее и проще для понимания, так почему вы использование нативного javascript внутри функций jquery и т. д., которые настолько загромождают код, что вы не видите основных ошибок подсветки синтаксиса?
adeneo 12 дек. 2012, в 20:20
0

Я заменю js на jQ, я просто хочу, чтобы сначала работала функция, прежде чем я приберусь.
Jim22150 12 дек. 2012, в 20:28
0

Кроме того, не так много демонстраций / уроков, демонстрирующих, что я пытаюсь сделать с JSON. У кого-нибудь из вас есть ссылки, которыми вы хотели бы поделиться?
Jim22150 12 дек. 2012, в 20:34

Показать ещё 7 комментариев

Теги:

javascript

jquery

ajax

json

variables

1 ответ

Ещё вопросы

Это довольно новый метод отображения значений. Вы должны внести свой вклад вместо того, чтобы голосовать вниз.
Подсказка: посмотрите на выделение синтаксиса в вашем вопросе в этой строке: document.getElementById("placeholder2").innerHTML=" + data.items[i].title + ";
Без обид, но это действительно очень важный вопрос. Вы должны сделать шаг назад и заглянуть в JavaScript начального уровня.
Я не знаю, если это «базовый», это сложно с динамическими переменными.
Сам сценарий не является базовым, но если вы не можете понять, почему печатается имя переменной, а не ее содержимое, она слишком сложна для вашего текущего уровня квалификации.
я понимаю почему, мне просто нужна помощь с синтаксисом.
Для вас было бы намного проще, если бы вы с самого начала застряли с jQuery вместо того, чтобы смешивать все виды вещей в своем коде. Если вы посмотрите на один из ваших предыдущих вопросов, я почти уверен, что опубликовал ответ, который показывает, как создавать элементы с помощью jQuery вместо использования только строк, а селекторы jQuery намного приятнее и проще для понимания, так почему вы использование нативного javascript внутри функций jquery и т. д., которые настолько загромождают код, что вы не видите основных ошибок подсветки синтаксиса?
Я заменю js на jQ, я просто хочу, чтобы сначала работала функция, прежде чем я приберусь.
Кроме того, не так много демонстраций / уроков, демонстрирующих, что я пытаюсь сделать с JSON. У кого-нибудь из вас есть ссылки, которыми вы хотели бы поделиться?

adeneo · Answer 1 · 2012-12-12T18-03-00.000Z

Вы испортили цитаты:

document.getElementById("placeholder2").innerHTML=" + data.items[i].title + ";

должно быть следующим:

document.getElementById("placeholder2").innerHTML = data.items[i].title;

и как внутри обработчика события jQuery, возможно, было бы легче сделать:

$("#placeholder2").html(data.items[i].title);

РЕДАКТИРОВАТЬ:

Чтобы решить проблему с неизменными значениями итерации, вам понадобится закрытие, поэтому, я думаю, я напишу вам это для вас?

$.getJSON('1zONE.json', function(data) {
    globalData = data;
    var ul = $('<ul />');

    for (var key in data.items) {
        (function(j) {
            var li = $('<li />'),
                h1 = $('<h1 />', {text: data.items[j].title});

            li.append(h1).append(data.items[j].price + "--" + data.items[j].description.one).on('mouseenter', function() {
                $('#placeholder2').html(data.items[j].title);
            }).appendTo(ul);
        })(key);
    }
    $("#placeholder").html(ul);
});

Похоже, что это отображает только последний заголовок, он не работает для первых 3. Это не должно быть зацикливание, никакой подсказки, почему это не так?
@ user1644123 - конечно, вы ссылаетесь на i , но вы делаете это вне цикла, где i всегда буду последним итерированным значением.
Я поместил 2-ю функцию внутри цикла и все еще получаю ту же проблему
@ user1644123 - добавлен пример, как это делать.
Я проверил это, и теперь оно ничего не показывает внутри #placeholder