0

ユーザーにフォームを表示するためにjqueryの手順を使用していますが、コンテンツプロパティで少し奇妙な問題が発生しています。

" "コードの1行に両方がある場合、手順は機能します。

ただし、別の入力フィールドを追加してクロージング"を別の行に移動すると、ステップがレンダリングされません。

$("#wizard").steps({
    headerTag: "h3",
    bodyTag: "fieldset",
    transitionEffect: "slideLeft",
    onStepChanging: function(event, currentIndex, newIndex) {

    //only apply to first step

    if (currentIndex === 0 && ($("#workType > option:selected").val()) === "1") {

        $("#wizard").steps("insert", 1, {
            title: "Construction Details",
            content: "<input type='text' name='budget' id='budget' placeholder='What is your budget?'><br/>"
        });
    }
});

だからこれはうまくいきます：

content: "<input type='text' name='budget' id='budget' placeholder='What is your budget?'><br/>"

これはしません:

 content: "<input type='text' name='budget' id='budget' placeholder='What is your budget?'>
           <input type='text' name='timeline' id='timeline' placeholder='When do you want to start?'>
                            <br/>"

コンテンツはすべて 1 行に配置する必要がありますか、それとも何か間違っていますか? ティア

4

1 に答える 1

2

次のように文字列を連結してみることができます+:

content: "<input type='text' name='budget' id='budget' placeholder='What is your budget?'>" + 
           "<input type='text' name='timeline' id='timeline' placeholder='When do you want to start?'> +
           "<br/>";

または別の方法:

var content_str = [
    '<input type='text' name='budget' id='budget' placeholder='What is your budget?'>',
    '<input type='text' name='timeline' id='timeline' placeholder='When do you want to start?'>',
    '<br />'
].join('');
...
contnet: content_str
于 2014-07-10T05:33:33.847 に答える