добавляющим Javascript и CSS с JQuery

Question

Я хочу, чтобы отобразить некоторую форму только иногда, поэтому я добавляю в HTML с помощью

$.html('HTML here'); 

однако мне нужна какая-то логика и дизайн мне нужно добавить JavaScript и CSS, а также. js-код довольно длинный, он выглядит ужасно, когда он является многострочной строкой, и у меня нет возможности прочитать его из другого источника, есть ли другой вариант?

Answer 1

$('head').append('<link rel="stylesheet" href="style.css" type="text/css" />'); 
$('head').append('<script type=text/javascript" src="script.js" />'); 

или если вы хотите добавить код, а не файл на:

$('body').append($("<script>alert('avascript!');<\/script>")[0]); 
$('body').append($("<style>.someclass{padding:10px;}<\/style>")[0]); 

Answer 2

• Если вам нужно только добавить различные формы в данный момент времени, вы можете поместить все формы на странице, а затем скрыть/показать их с помощью jquery.

• Если javascript предназначен для целей проверки, вы можете написать разные функции, которые будут вызываться в зависимости от формы, которую вы отправляете.

• Наконец, css можно применять к каждому элементу с помощью классов css.

Таким образом, нет необходимости добавлять все, как это могло бы быть записано на странице с первого раза. Этот подход сегодня является стандартом для приложений ajax. Это называется single page application.