Создать таблицу из файла JSON и использовать colorbox для каждой ссылки, не работающей

Question

Создать таблицу из файла JSON и использовать colorbox для каждой ссылки, не работающей

0

Когда я пытаюсь прочитать данные таблицы из файла JSON, я обнаружил, что окно цвета не работает и не знает, почему, любая идея? Это мой код:

 $.getJSON("resource/candidateJob.json",function(data){
    $('#candidateTable').empty();
    var htmlInfo = '';
    htmlInfo +=
        '<tr><th>Jobs</th>'+
            '<th>Company Name</th>'+
            '<th>Industry</th>'+
            '<th>Location</th>'+
            '<th>Time</th>'+
            '<th>Detail</th></tr>';
    $.each(data,function(i,item){
        //alert(i);
        if(i>=(pageIndex-1)*5 && i<(pageIndex)*5){
            htmlInfo +=
                '<tr><td>'+item['Jobs']+'</td>'+

                    '<td>'+item['CompanyName']+'</td>'+

                    '<td>'+item['Industry']+'</td>'+

                    '<td>'+item['Location']+'</td>'+

                    '<td>'+item['Time']+'</td>'+

                    '<td><a class="iframe" v-width="400px" v-height="400px" href="'+item['DetailUrl']+'">Detail</a></td></tr>';


        }

    });

    $('#candidateTable').html(htmlInfo);

})

Таблица, генерируемая кодом, выглядит так:

<a href=" test.html?jobId=7" v-height="400px" v-width="400px" class="iframe">Detail</a>

Javascript:

$(document).ready(function(){
$(".iframe").colorbox({
    iframe : true,
    width : "55%",
    height : "75%"
});

})

Я добавляю данные таблицы из файла JSON, влияет ли это на colorbox? Я просто не понимаю, когда я добавляю один div в html, например:

<div>
            <a class="iframe" href="test.html?jobId=10">Detail</a>
</div>

и он работает, но когда я использую это для таблицы, он просто открывает страницу на другой вкладке, а не отображает эту страницу в лайтбокс.

frankhuang 15 нояб. 2013, в 18:13

Источник

0

Возможно, вам не хватает заключительного div где-то в вашем html.
thenewseattle 15 нояб. 2013, в 16:49
0

Вы отключили JavaScript и сделали тест, если colorbox работает?
thenewseattle 15 нояб. 2013, в 16:50
0

Когда colorbox работает, класс div окажется «iframe cboxElement», но когда я использую javascript для создания таблицы, div colorbox не включает класс cboxElement, я просто предполагаю, что когда html загружает Colorbox должен что-то делать, но просто не знаю, как заставить его знать, что содержимое таблицы содержит ссылку colorbox, или мне нужно что-то делать после создания таблицы, чтобы заставить colorbox знать, что я получил ссылку colorbox в Таблица?
frankhuang 16 нояб. 2013, в 03:01
0

Здравствуйте, newatsetle, я исправил эту проблему, заставив colorbox запускаться немного позже с помощью setTimeout, я думаю, проблема в том, что выполнение colorbox перед созданием таблицы, так что теперь оно работает, в любом случае, спасибо за ваш ответ.
frankhuang 16 нояб. 2013, в 04:35
0

Привет, откровенно, приятно это слышать :)
thenewseattle 16 нояб. 2013, в 09:02

Показать ещё 3 комментария

Теги:

javascript

jquery

html-table

lightbox

colorbox

1 ответ

Ещё вопросы

Возможно, вам не хватает заключительного div где-то в вашем html.
Вы отключили JavaScript и сделали тест, если colorbox работает?
Когда colorbox работает, класс div окажется «iframe cboxElement», но когда я использую javascript для создания таблицы, div colorbox не включает класс cboxElement, я просто предполагаю, что когда html загружает Colorbox должен что-то делать, но просто не знаю, как заставить его знать, что содержимое таблицы содержит ссылку colorbox, или мне нужно что-то делать после создания таблицы, чтобы заставить colorbox знать, что я получил ссылку colorbox в Таблица?
Здравствуйте, newatsetle, я исправил эту проблему, заставив colorbox запускаться немного позже с помощью setTimeout, я думаю, проблема в том, что выполнение colorbox перед созданием таблицы, так что теперь оно работает, в любом случае, спасибо за ваш ответ.
Привет, откровенно, приятно это слышать :)

Viresh Rajput · Answer 1 · 2016-02-09T12-04-00.000Z

Просто создайте функцию для открытия colorbox: Ex: генерировать таблицу из json файла

введите описание изображения здесь

У меня такая же проблема, но несколько изменений облегчают Просто создайте функцию для открытия colorbox:

function call_cbox(id) {
    $.colorbox({ href: "test.html?jobId=" + id, iframe: true, width: "80%", height: "80%", escKey: false, overlayClose: false });
    return false;
}

Вызовите функцию как

:) Наслаждаться

я надеюсь, что это сработает для вас Viresh Rajput Noida