Плагин JQUERY Wizard Step: как динамически регулировать высоту содержимого для каждого шага?

Я уже реализовал решение из Как установить динамическую высоту содержимого для каждого шага? и это прекрасно работает. Однако это не работает, когда вы динамически добавляете элемент внутри шага. Например, при динамическом добавлении строки в таблицу с помощью кнопки высота не регулируется автоматически. Я думаю динамически регулировать высоту при нажатии кнопки. Любое предложение о том, как это сделать?


javascript html jquery css jquery-steps
person Joe Raynes    schedule 23.05.2015    source источник
comment
С каким html-кодом работать? У тебя есть скрипка? Вы можете заставить нажатие кнопки запускать событие/функцию в этой функции, которую вы можете вызвать функцией изменения размера. Или нажмите на кнопку, чтобы изменить размер напрямую.   -  person Anima-t3d    schedule 23.05.2015
comment
да, но моя проблема в том, что я не знаю, что такое функция изменения размера для шага мастера? я уже пробовал .height(), но не работает. Пример фрагмента кода. $(#btnAdd).click(function () { $(.wizard .content .body).height(500); });   -  person Joe Raynes    schedule 24.05.2015
comment
Если вы используете этот пример, он не имеет классов wizzard content или body, а вместо этого использует элементы ` Тег заголовка: h3, тег тела: набор полей. Если вы используете другой код, укажите код html.   -  person Anima-t3d    schedule 24.05.2015

Ответы (2)


arrow_upward
0
arrow_downward

Если вы используете этот пример, он не имеет классов wizard content или body, а вместо этого использует элементы headerTag: "h3", bodyTag: "fieldset",, поэтому тогда ваш пример будет

$("#btnAdd").click(function () { 
  $("#example-advanced-form h3>fieldset").height(500); 
});
person Anima-t3d    schedule 24.05.2015
comment
Это не работает. использование .height() вступит в силу только после того, как вы перейдете к следующему шагу, а затем вернетесь к предыдущему шагу. - person Joe Raynes; 24.05.2015
comment
@JoeRaynes, пожалуйста, отредактируйте эту скрипку и нажмите "Сохранить", а затем поместите ссылку здесь, чтобы мы могли работать оттуда. - person Anima-t3d; 24.05.2015
comment
Привет, спасибо за помощь. Я уже отредактировал скрипку. По сути, я добавляю динамический элемент в контент. Я хочу регулировать высоту автоматически. - person Joe Raynes; 24.05.2015
comment
@JoeRaynes, вам нужно нажать «Сохранить» и вставить сюда URL-адрес, чтобы мы могли работать оттуда. - person Anima-t3d; 24.05.2015

arrow_upward
0
arrow_downward

В файле jquery.steps.css
просто удалите position: absolute.

.wizard > .content > .body
{
    float: left;
    /*position: absolute;*/ <== remove or comment this line
    width: 95%;
    height: 95%;
    padding: 2.5%;
}
person Pars    schedule 06.11.2017