-1 
if (temp == 'Gps') {
    $('#tabs-1').html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-' + id + '" value="' + temp + '"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="' + inst + '"></textarea></fieldset> ');
}

else if (temp == 'Photo') {
    $('#tabs-1').html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-' + id + '" value="' + temp + '"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="' + inst + '"></textarea></fieldset> ');
}

上記の html コードが繰り返されます。jqueryを使用してこの関数を作成するにはどうすればよいですか?また、その関数を呼び出すにはどうすればよいですか? どのようにロードできますか？これらすべてを単一のjsページに書き込むにはどうすればよいですか?

4

2 に答える 2

1

||（論理OR）演算子を使用できます：

true に変換できる場合は expr1 を返します。それ以外の場合は expr2 を返します。したがって、ブール値で使用すると、||いずれかのオペランドが true の場合に true を返します。両方が false の場合、false を返します。

function simple() { // define a function
   // ...
   if (temp == 'Gps' || temp == 'Photo') {
      $('#tabs-1').html('...')
   }
}

simple() // call the function
于 2012-10-04T16:42:08.577 に答える
0

文字通り jQuery 関数でこれを実行したい場合は、それを呼び出すとしましょう。次のようmyFunctionに実行できます。

$.fn.myFunction(id, temp, inst) {
    return this.html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-'+id+'" value="'+temp+'"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="'+inst+'"></textarea></fieldset> ');
}

しかし、あなたの条件は悪いです。複数のブランチを使用して同じことを行うべきではありません。上で作成した関数を使用して、

if (temp === 'Gps' || temp === 'Photo') {
    $('#tabs-1').myFunction(id, temp, inst);
}
于 2012-10-04T16:42:13.910 に答える