1,573
回編集
差分
テスト5
,編集の要約なし
<body>
function initPage(){
var html = ' <div class="container" style="margin:auto;max-width:1400px;">'+ <div class="row mt-3">'+ <div class="col-12 col-lg-4 px-2">'+ <div class="alert alert-dark px-2 py-1" role="alert">'+ <table class="table table-sm m-0">'+ <tbody id="box-options">'+ <tr>'+ <td>'+ <button type="button" class="btn btn-sm btn-danger my-1" id="btn-clear">'+ <span class="cn">清空</span>'+ <span class="en">Clear</span>'+ </button>'+ <span class="d-none d-sm-inline">'+ <button type="button" class="btn btn-sm btn-primary btn-showopt my-1 btn-name" opt-id="showName">'+ <span class="cn">名称</span>'+ <span class="en">Name</span>'+ </button>'+ <button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-image" opt-id="showImage">'+ <span class="cn">图片</span>'+ <span class="en">Image</span>'+ </button>'+ <button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize btn-imgsizedefault" sizeval="27">'+ <span class="cn">小</span>'+ <span class="en">Small</span>'+ </button>'+ <button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="45">'+ <span class="cn">中</span>'+ <span class="en">Middle</span>'+ </button>'+ <button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="80">'+ <span class="cn">大</span>'+ <span class="en">Large</span>'+ </button>'+ <button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="128">'+ <span class="cn">特大</span>'+ <span class="en">Ex-large</span>'+ </button>'+ </span>'+ </td>'+ </tr>'+ <tr>'+ <td>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="all" id="opt-all">ALL</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="6">6</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="5">5</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="4">4</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="3">3</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="2">2</button>'+ <button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="1">1</button>'+ </td>'+ </tr>'+ </tbody>'+ </table>'+ <table class="table table-sm m-0"><tbody id="box-tags"></tbody></table>'+ </div>'+ </div> <div class="col-12 col-lg-8 px-0"> <table class="table table-striped table-hover" id="table-recommend"> <thead class="thead-dark"> <tr> <th scope="col" class="d-none d-sm-table-cell">#</th> <th scope="col" style="width:16.67%">Tags</th> <th scope="col"> <span class="cn">可能出现</span> <span class="en">Possible Operators</span> </th> <th scope="col" class="d-none d-sm-table-cell">$~</th> </tr> </thead> <tbody id="tbody-recommend"></tbody> </table> </div> </div> <hr /> <div class="row col-12 tutorial"> <div class="col-12 text-left cn"> <p>使用说明：</p> <p>1. 勾选需要查询的Tag，最多6个；</p> <p>2. 勾选需要查询的星级，默认全部；</p> <p>3. 现在点击标签即可开始计算，可点击“清空”重新开始；</p> <p>4. 可以点击推荐表格中的干员或标签进行精准查询，再点击任意干员或标签返回。</p>
</div>'+
document.body.innerHTML = html
$(function () {
for (let i = 0; i < count; i++) {
let ts = [], tsTL = [];
for (let j = 0, mask = 1; j < len; j++) {
if ((i & mask) !== 0) {
ts.push(checkedTags[j]);
for (let i = 0; i < tags.length; i++) {
if (lang === 'cn') {
tags_html.push('<button type="button" class="btn btn-sm btn-secondary btn-char my-1">' +
tags[i] + "</button>\n");
} else {
tags_html.push('<button type="button" class="btn btn-sm btn-secondary btn-char my-1' +
' btn-char my-1" data-toggle="tooltip" data-placement="top" title="' + tagsTL[i] + '">' +
tags[i] + "</button>\n");
}
"<tr class=\"tr-recommd\">" +
"<td class=\"py-2 d-none d-sm-table-cell\">" + no++ + "</td>" +
"<td class=\"py-1\">" + tags_html.join("") + "</td><td class=\"py-1\">" + chars_html.join("") + "</td>" + "<td class=\"py-2 d-none d-sm-table-cell\">" + Math.floor(comb.score * 100) / 100 + "</td>" +
"</tr>");
let tags_html = [];
$.each(char.tags, function (_, tag) {
tags_html.push("<button type=\"button\" class=\"btn btn-sm btn-secondary btn-char my-1\">" +
tag + "</button>\n")
});
$("#tbody-recommend").append(
"<tr class=\"tr-chartag\">" + "<td class=\"py-2 d-none d-sm-table-cell\">#</td>" +
"<td class=\"py-1\"><button type=\"button\" class=\"btn btn-sm btn-" + colors[char.level] +
" btn-char my-1\">" + char_name + "</button>\n" + "</td><td class=\"py-1\">" + tags_html.join("") +
"</td><td class=\"py-2 d-none d-sm-table-cell\">#</td></tr>");
} else {
setTimeout(function(){initPage()}, 200)
})
https://bbs.nga.cn/read.php?&tid=16971344
</body>
</html>