-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

您可以使用||（逻辑或）运算符：

如果可以转换为 true，则返回 expr1；否则，返回 expr2。因此，当与布尔值一起使用时，||如果任一操作数为真，则返回真；如果两者都为假，则返回假。

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 回答