Как отображать HTML генерируется текст вместо тегов

Я использую JQuery диалоговое окно, чтобы отобразить текст, который имеет HTML теги включены:Как отображать HTML генерируется текст вместо тегов

<div id="dialog" style="display: none"> 
    <p id='infoShow'></p> 
</div>

JQuery, который отображает данные есть:

function test(element) { 

     $("#infoShow").html($(".gLine", $(element).closest("tr")).html()); 
     $("#dialog").dialog({ 
      title: "View Guideline", 
      buttons: { 
       Ok: function() { 
        $(this).dialog('close'); 
       } 
      }, 
      modal: true, 
      width: "450px" 
     }); 

    }

он вызывается с помощью ASP LinkButton:

<asp:LinkButton runat="server" ID="btnShow3" CssClass="btnSearch3" Text="VIEW" OnClientClick="javascript:test(this);return false;"></asp:LinkButton>

Хотя я использую .html() для вывода изображения, то еще показывая HTML-теги вместо выхода:

enter image description here

Как я могу изменить код, чтобы он генерирует HTML-тег, а не просто отображать как обычный текст?

источник

2014-09-24 SearchForKnowledge

Я удалил ваш «Кроме того,« x »отсутствует, чтобы закрыть окно». так как вы должны задать только один вопрос на вопрос. –

Спасибо John Saunders :) – SearchForKnowledge

Кстати, я предлагаю вам разбить этот оператор '.html' на более мелкие части, запустить в отладчике и посмотреть, что к чему. В частности, как «.closest (« tr »)« возвращает весь документ? Откуда появился тэг 'html'? –

Удалите теги «dialog» и «infoShow», так как они вам не нужны.

Затем, вместо того, чтобы писать в существующий DIV, просто добавьте свежий DIV к элементу тела как диалог, например, так:

function test(element) { 

    $("<div></div>").appendTo('body') 
    .html($(".gLine", $(element).closest("tr")).html()) 
    .dialog({ 
     title: "View Guideline", 
     buttons: { 
      Ok: function() { 
       $(this).dialog('close'); 
      } 
     }, 
     modal: true, 
     width: "450px" 
    }); 

}

Или вы могли бы сделать это следующим образом:

function test(element) { 

    $("<div>" + $(".gLine", $(element).closest("tr")).html() + "</div>").appendTo('body') 
    .dialog({ 
     title: "View Guideline", 
     buttons: { 
      Ok: function() { 
       $(this).dialog('close'); 
      } 
     }, 
     modal: true, 
     width: "450px" 
    }); 

}

источник

2014-09-24 02:24:15

Мне нужен диалог DIV для диалога JQuery. – SearchForKnowledge

Нет, нет. Вы можете создать div, добавить его в тело и использовать THAT для вашего диалога jQuery.Div не нужно жестко закодировать - я много использую диалоги jQuery - попробуйте, прежде чем вы скажете мне, что этого не сделать :) –

: PI было просто любопытно ... может быть сделано, я уверен :) Я буду проверить это. – SearchForKnowledge

$(".gLine", $(element).closest("tr"))

Этот синтаксис неверен. Вы не можете отделить имя класса и элемент jquery запятой и обернуть его «$». Запятая для CSS селекторов, как .gLine, .herpDerp

источник

2014-09-24 02:06:20

Итак, код - это то, что я должен заменить? – SearchForKnowledge

Что вы пытаетесь получить с этим заявлением? Это не имеет смысла. –

@NickManning использует дескриптор ['jQuery (selector [, context])'] (http://api.jquery.com/jQuery/#jQuery1); он не самый эффективный, но он работает. – Mottie

Попробуйте это:

$("#infoShow").append($(HTML_TEXT_STRING));

источник

2014-09-24 02:08:13

/это почти помогло мне ... Спасибо :) – SearchForKnowledge

Я не хочу добавлять каждый раз. Я хочу делать это каждый раз каждый раз. Могу ли я изменить добавление в .TEXT()? – SearchForKnowledge

использовать $ ("# infoShow"). Html (""); а затем append :) –

в вашем поверочного ид "независимо от идентификатора"

вы можете использовать .text():

$('#your-span-id').text($('#your-span-id').text());

это разделит все теги html, а затем вы сможете отобразить их на своем модальном. вам нужно дважды использовать идентификатор span, потому что характер механизма. это должно сработать.

источник

2014-09-24 02:22:33 unixmiah

Как отображать HTML генерируется текст вместо тегов

ответ

Смежные вопросы