Как добавить интервал в функцию html () в jquery?

Question

Привет, ребята!

Видите, я создавал код с ajax, но он слишком длинный, и поэтому я не могу показать его здесь, извините за это. Но я создал образец подобной вещи в моей ссылке «Проблема» (ниже). Вы посещаете эту страницу и видите проблему своими глазами ! Но вот код jQuery моего примера ---

$(document).ready(function () {
   $(document.body).html('
                         <div>
                             This is Complex Jquery Code Sample!
                         </div>
                         '); 
});

Но когда я ввожу свой код в одну строку (которую я сейчас использую в своем исходном коде), он показывает все идеально. Но проблема в моем исходном коде, строка HTML очень длинная, и поэтому я не могу управлять ею быстро и эффективно! Ниже ссылка на рабочий.

РАБОТАЮЩИЙ

Надеюсь, вы, ребята, можете помочь мне с этим. Или я должен сделать длинное кодирование в одной строке, что очень неудобно !

ПРОБЛЕМА ДЕМО

СПАСИБО ЗА ПРЕДЕЛА

Answer 1

Если вы измените свой код, чтобы он выглядел следующим образом, он должен работать.Обратите внимание на двойные кавычки и \ в конце каждой строки

$(document).ready(function () {
   $(document.body).html("\
                         <div>\
                             This is Complex Jquery Code Sample!\
                         </div>\
                         "); 
});

Answer 2

Я думаю, что вы запрашиваете многострочные строки?

$(document).ready(function () {
   $(document.body).html('\
                         <div>\
                             This is Complex Jquery Code Sample!\
                         </div>\
                         '); 
});

Answer 3

Я не рекомендую вам жестко кодировать длинные строки HTML-кода в вашем коде JavaScript.Вместо этого сохраните HTML-код в файле .html, а затем извлеките его через Ajax:

code.html:

<div>
    This is Complex Jquery Code Sample!
</div>

JavaScript:

$.get('code.html', function(data) {
    $('body').html(data);
});

Answer 4

Это похоже на отличный пример использования шаблонов jQuery.

http://stephenwalther.com/blog/archive/2010/03/16/microsoft-jquery-and-templating.aspx

Это вариант. Было бы гораздо проще поддерживать шаблон jquery, чем редактировать большое количество разметки в синтаксисе js.

Answer 5

вы можете начать писать свой HTML с помощью плагина DOM, это будет что-то вроде этого

$(document.body).html($.DIV({}, "This is Complex jQuery Code Sample"));

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

var table =
   $.TABLE({ Class:"MyTable" },
      $.TBODY({},
         $.TR({ Class:"MyTableRow" },
            $.TD({ Class:"MyTableCol1" }, 'howdy' ),
            $.TD({ Class:"MyTableCol2" },
               'Link: ',
               $.A({ Class:"MyLink", href:"http://www.example.com" },
                  'example.com'
               )
            )
         )
      )
   );

http://mg.to/2006/02/27/easy-dom-creation-for-jquery-and-prototype

Answer 6

Выполните следующие действия:

 $(document).ready(function () {
   $(document.body).html(''+
                         '<div>'+
                             'This is Complex Jquery Code Sample!'+
                         '</div>'+
                         ''); 
});