Блог

Главная - Вопросы по программированию - Получение Javascript для отображения HTML во всплывающем окне

Получение Javascript для отображения HTML во всплывающем окне

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть сайт, над которым я работал здесь: http://www.replyonline.co.uk/DirectionGroup/xmas/index.php

При наведении курсора мыши на первую фотографию вверху появляется окно для голосования. Теперь, если вы нажмете на фотографию, отобразится имя «Кем» и 2 цифры (результаты голосования). Как миниатюра фотографии, так и увеличенный лайтбокс имеют одинаковый HTML-контент друг с другом.

Чего я не понимаю, так это почему увеличенное поле не отображает HTML должным образом, только 2 числа из элемента голосования, а не сам элемент голосования.

Если вы посмотрите на исходный код, вы можете увидеть, что внизу страницы в коде есть javascript, и я не могу понять, что мне нужно изменить в JS, чтобы HTML отображался в увеличенном виде?

Вот пример разметки для каждого эскиза, на который вы нажимаете:

 <a href="#"><img src="images/thumbs/1.jpg" data-largesrc="images/large/1.jpg" alt="image01"/><span>By Tim Morgan <?php echo ThumbsUp::item('1')->template('thumbs_up_down') ?></span></a>

Как вы можете видеть, есть исходный код thumb и large, а также функция голосования.

Комментарии:

1. Вы, кажется, используете .text для копирования имени / голосов. Как насчет использования .html ?

2. Только что попробовал перейти на .html. Теперь, если вы посмотрите, он фактически отображает HTML в виде текста :/

3. Я также имею в виду настройку с .html 😉

4. Думаю, это могло сработать. Еще раз взгляните на тот же URL. Хотя кажется немного прерывистым, иногда показывает, иногда нет.

5. Кажется, .tmpl он не принимает HTML. Не могли бы вы попробовать удалить else предложение в строке 371? Я думаю, что HTML всегда устанавливается.

Ответ №1:

Оказывается, вам нужно установить HTML с помощью .html метода — в настоящее время вы преобразуете все в текст, а затем устанавливаете текст.

Во-вторых, похоже, что .tmpl ему не нравится HTML. Если вы также установили HTML в первый раз (при выполнении .tmpl ), он всегда должен работать.

Ответ №2:

Это может помочь clone() настроить формы таким образом, чтобы они существовали в превью.