{ "version": "https://jsonfeed.org/version/1", "title": "jQuery", "description": "A fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX.", "home_page_url": "go/jquery", "feed_url": "feed/jquery.json", "icon": "https://cdn.v2ex.com/navatar/25b2/822c/425_large.png?m=1346453547", "favicon": "https://cdn.v2ex.com/navatar/25b2/822c/425_normal.png?m=1346453547", "items": [ { "author": { "url": "member/Tsccai", "name": "Tsccai", "avatar": "https://cdn.v2ex.com/gravatar/91caf729d87ad7f6fecbf5dff355be7a?s=73&d=retro" }, "url": "t/973443", "title": "\u6cb9\u7334\u811a\u672c\u80fd\u62e6\u622a$(document).ready \u5417\uff1f", "id": "t/973443", "date_published": "2023-09-13T08:30:14+00:00", "content_html": "

\u6700\u8fd1\u5728\u7814\u7a76\u4e00\u4e2a\u53e4\u8001\u7684\u7cfb\u7edf\uff0c\u60f3\u5199\u4e00\u4e2a\u6cb9\u7334\u811a\u672c\u3002\u6211\u53d1\u73b0\u9875\u9762\u4e2d\u6709\u8fd9\u6837\u7684\u4ee3\u7801\uff1a

\n

$(document).ready(\n closeIt();\n)\n

\n

\u7a0b\u5e8f\u4f1a\u5728 dom \u52a0\u8f7d\u5b8c\u540e\u68c0\u67e5\u6d4f\u89c8\u5668\u7248\u672c\uff0c\u4e0d\u6ee1\u8db3\u76f4\u63a5\u5173\u95ed\u9875\u9762\u7a97\u53e3\u3002\n\u90a3\u4e48\uff0c\u6cb9\u7334\u811a\u672c\u80fd\u5426\u62e6\u622a ready \u51fd\u6570\uff0c\u4e0d\u8ba9\u5176\u6267\u884c\u539f\u6765\u7684\u7a0b\u5e8f\u5462\uff1f

\n" }, { "author": { "url": "member/waiaan", "name": "waiaan", "avatar": "https://cdn.v2ex.com/avatar/a703/deb0/206370_large.png?m=1655257935" }, "url": "t/841701", "title": "jquery \u6709\u4ec0\u4e48\u6811\u5f62\u53ef\u7f16\u8f91\u8868\u683c\u7684\u63d2\u4ef6\u5417\uff1f", "id": "t/841701", "date_published": "2022-03-20T13:40:42+00:00", "content_html": "

\u63a5\u624b\u4e00\u4e2a\u65e7\u9879\u76ee\uff0c\u6846\u67b6\u662f\u538b\u7f29\u8fc7\u7684\u4ee3\u7801\uff0c\u6ca1\u6709\u6587\u6863\uff0c\u7528\u7684\u662f AMD \u89c4\u8303\uff0c\u5c01\u88c5\u4e86 easyui,\u4f46\u662f\u4e0d\u77e5\u9053\u600e\u4e48\u5c01\u88c5\u7684\uff0c\u518d\u5f15\u5165 easyui \u4f1a api \u51b2\u7a81\u3002\n\u8bd5\u8fc7 layui \u548c jqgrid \uff0c\u90fd\u4e0d\u77e5\u9053\u5728\u8fd9\u79cd\u73af\u5883\u4e0b\u600e\u4e48\u5f15\u5165\u3002\n\u8c22\u8c22\u3002

\n" }, { "author": { "url": "member/piaochen0", "name": "piaochen0", "avatar": "https://cdn.v2ex.com/gravatar/312ea072d72f1c8624ced1fb1768aa8c?s=73&d=retro" }, "url": "t/771556", "title": "Jquery Datatable \u524d\u7aef\u5206\u9875 Checkbox \u8de8\u9875\u5168\u9009\u7684\u95ee\u9898", "id": "t/771556", "date_published": "2021-04-19T01:34:54+00:00", "content_html": "

\u4e1a\u52a1\u9700\u6c42\uff1a
\n\u6709\u4e00\u4e2a\u4e3b\u673a\u5217\u8868\uff0c\u5927\u6982\u51e0\u767e\u6761\u6570\u636e\uff0c\u4e00\u6b21\u6027\u53d1\u7ed9\u524d\u7aef\uff0c\u4f7f\u7528 DataTable \u5728\u524d\u7aef\u8fdb\u884c\u5206\u9875\u540e\uff0c\u4f7f\u7528 Checkbox \u8fdb\u884c\u9009\u62e9\u540e\uff0c\u518d\u53d1\u9001\u7ed9\u540e\u7aef\u5904\u7406\u3002
\n\u524d\u7aef\u8fdb\u884c\u5206\u9875\uff0c\u8981\u652f\u6301\u8de8\u9875\u5168\u9009\uff0c\u9009\u62e9\u7b49\u529f\u80fd\u3002

\n

\u95ee\u9898\uff1a
\nDataTable \u600e\u4e48\u8de8\u9875\u5bf9 Checkbox \u8fdb\u884c\u5168\u9009\uff1f\u73b0\u5728\u53d1\u73b0 Datatable \u5176\u5b9e\u5e94\u8be5\u6709\u5730\u65b9\u5b58\u50a8\u4e86 checkbox \u7684\u72b6\u6001\uff0c\u63a8\u65ad\u5e94\u8be5\u627e\u5230\u76f8\u5173\u7684\u5730\u65b9\uff0c\u8bbe\u7f6e\u4e0b\u6240\u6709 row \u5bf9\u5e94 checkbox \u7684\u72b6\u6001\u5c31\u53ef\u4ee5\u4e86\u3002\u4f46\u662f\u6ca1\u6709\u627e\u5230\u8fd9\u6837\u7684 api

\n" }, { "author": { "url": "member/monetto", "name": "monetto", "avatar": "https://cdn.v2ex.com/avatar/d25f/3867/411058_large.png?m=1558049537" }, "url": "t/758503", "title": "\u60f3\u63d0\u53d6 jQuery \u4e2d\u7684\u4e00\u4e9b\u51fd\u6570\u5355\u72ec\u4f7f\u7528\uff0c\u6709\u4ec0\u4e48\u597d\u65b9\u6cd5\u5417", "id": "t/758503", "date_published": "2021-03-04T08:58:17+00:00", "content_html": "

\u5982\u9898\uff0c\u6c42\u52a9 V2 \u5927\u4f6c...

\n

\u56e0\u4e3a\u73af\u5883\u95ee\u9898\uff0c\u9700\u8981\u7528 jQuery \u91cc\u9762\u4e00\u4e9b\u7279\u6709\u7684\u51fd\u6570\uff0c\u4f46\u662f\u53c8\u4e0d\u60f3\u5f15\u5165\u6574\u4e2a jQuery\uff0c\u5927\u4f6c\u6709\u4ec0\u4e48\u6bd4\u8f83\u597d\u7684\u65b9\u6cd5\u5417\uff0c\u6bd4\u5982\u63d0\u53d6 json\uff0cajax\uff0c\u51c6\u5907\u5355\u72ec\u5c01\u88c5\u5230\u4e00\u4e2a\u6587\u4ef6\u4e2d\u3002

\n" }, { "author": { "url": "member/lixuda", "name": "lixuda", "avatar": "https://cdn.v2ex.com/avatar/c6a0/553d/144103_large.png?m=1596246183" }, "url": "t/739134", "title": "\u6709\u6ca1\u6709\u5c0f\u7684\u7b80\u5355\u7684 jquery \u8def\u7531", "id": "t/739134", "date_published": "2020-12-26T03:13:06+00:00", "content_html": "

\u5c0f\u767d\u7528\u6237\uff0c\u4e0d\u6253\u7b97\u5b66 vue\n\u60f3\u7528 jquery template \u52a0\u4e2a\u8def\u7531 \u5b9e\u73b0\u5f88\u7b80\u5355\u7684\u524d\u540e\u7aef\u5206\u79bb\u4e0b\u3002

\n

\u95ee\u95ee\u5927\u4fa0\u4eec\u6709\u4ec0\u4e48\u597d\u7684\u65b9\u6848\uff1f

\n" }, { "author": { "url": "member/kop1989", "name": "kop1989", "avatar": "https://cdn.v2ex.com/avatar/fe1e/417f/460032_large.png?m=1641992388" }, "url": "t/694392", "date_modified": "2020-07-30T09:30:45+00:00", "content_html": "

\u76ee\u524d\u5728\u7528 JQuery \u7684 load()\u65b9\u6cd5\u7ef4\u62a4\u4e00\u4e2a\u9875\u9762\u6808(\u9875\u9762\u7684\u5f02\u6b65\u52a0\u8f7d\uff0c\u56de\u9000)\u3002

\n

\u4f46\u53d1\u73b0\u5f53\u4f7f\u7528 load()\u65b9\u6cd5\u4e4b\u540e\uff0c\u5728\u4e4b\u524d\u9875\u9762\u58f0\u660e\u7684$.fn \u4ee5\u53ca\u4f1a\u5931\u6548\u3002\uff08\u63d0\u793a$(#).xxx is not defined \uff09

\n

\u800c\u5982\u679c\u5bf9\u4e4b\u524d\u9875\u9762\u7684 dom \u7ec4\u4ef6\u4f7f\u7528$.unbind \u65b9\u6cd5\uff0c\u4e5f\u4f1a\u65e0\u6548\u3002\u4f46$.bind \u65b9\u6cd5\u6709\u6548\u3002\uff08\u5373\u5728$.load()\u4e4b\u524d\u5df2\u7ecf bind \u8fc7\u7684\u4e8b\u4ef6\u65e0\u6cd5\u89e3\u7ed1\uff09\u3002

\n

\u6709\u6ca1\u6709\u5927\u795e\u80fd\u8bf4\u8bf4\u5982\u4f55\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u6216\u8005$.load()\u5bfc\u81f4\u8fd9\u4e2a\u95ee\u9898\u7684\u539f\u7406\uff1f(\u76ee\u524d\u53ea\u53d1\u73b0\u4e86\u95ee\u9898\u73b0\u8c61\uff0c\u5373\u5f02\u6b65\u52a0\u8f7d\u7684\u9875\u9762\u4e0d\u80fd\u518d\u5bfc\u5165 jquery.js \uff0c\u4e00\u65e6\u5b50\u9875\u9762\u4e5f\u5bfc\u5165\u4e86 jquery.js \uff0c\u5c31\u4f1a\u51fa\u73b0\u4e0a\u6587\u7684\u95ee\u9898\u3002\u4f46\u6211\u6bcf\u4e2a\u9875\u9762\u90fd\u662f\u89e3\u8026\u7684\uff0c\u6709\u53ef\u80fd\u662f\u7b2c\u4e00\u9875\uff0c\u4e5f\u6709\u53ef\u80fd\u662f\u7b2c\u4e8c\u9875\u3002\u6240\u4ee5\u53ea\u6709\u90e8\u5206\u9875\u9762\u5f15\u7528 jquery.js \u4e0d\u73b0\u5b9e\u3002)

\n

\u641c\u904d\u5168\u7f51\u4e5f\u6ca1\u6709\u7c7b\u4f3c\u7684\u6587\u7ae0\uff0c\u53ef\u80fd\u662f\u7528.load()\u5f02\u6b65\u52a0\u8f7d\u9875\u9762\u7684\u4eba\u592a\u5c11\u4e86\u5427\ud83d\ude02

\n", "date_published": "2020-07-30T09:24:29+00:00", "title": "\u5173\u4e8e JQuery.load(html)\u52a0\u8f7d html\uff0c\u5bfc\u81f4\u7236 html \u7684$.fn \u4ee5\u53ca$.unbind \u5931\u6548\u7684\u95ee\u9898", "id": "t/694392" }, { "author": { "url": "member/fanne", "name": "fanne", "avatar": "https://cdn.v2ex.com/avatar/c074/af84/170999_large.png?m=1483084754" }, "url": "t/671262", "title": "\u4f7f\u7528 jquery.validate \u63d2\u4ef6\u5bf9\u52a8\u6001\u65b0\u589e\u7684\u8868\u5355\u8fdb\u884c\u6821\u9a8c", "id": "t/671262", "date_published": "2020-05-13T07:02:38+00:00", "content_html": "

\u76ee\u524d\u63d0\u4ea4\u8868\u5355\u7684\u65f6\u5019\u53ea\u4f1a\u5bf9\u7b2c\u4e00\u884c\u8868\u5355\u80fd\u751f\u6548\uff0c\u65b0\u589e\u7684\u8868\u5355\u65e0\u6cd5\u6821\u9a8c

\n

\u5982\u4f55\u5bf9\u52a8\u6001\u751f\u6210\u7684\u8868\u5355\u8fdb\u884c\u540c\u6b65\u6821\u9a8c\uff1f

\n

<script src=\"{% static 'js/jquery-2.1.1.js' %}\"></script>\n<script src=\"{% static 'js/bootstrap.js' %}\"></script>\n<script src=\"{% static 'js/jquery.validate.js' %}\"></script>\n<script src=\"{% static 'js/messages_zh.min.js' %}\"></script>\n<script type=\"text/Javascript\" src=\"{% static 'js/jquery.editable-select.min.js' %}\"></script>\n<form class=\"form-horizontal\" id=\"jsStayForm\" method=\"post\">\n <table>\n <tr id=\"tradds\">\n <td>\n <select class=\"form-control m-b\" name=\"virtual_cpu\" id=\"virtual_cpu\" autocomplete=\"off\">\n {% for cpu_i in cpu_list %}\n <option value=\"{{ cpu_i }}\">{{ cpu_i }}</option>\n {% endfor %}\n </select>\n </td>\n <td>\n <select class=\"form-control m-b\" name=\"virtual_mem\" id=\"virtual_mem\" autocomplete=\"off\">\n {% for mem_i in mem_list %}\n <option value=\"{{ mem_i }}\">{{ mem_i }}</option>\n {% endfor %}\n </select>\n </td>\n </table>\n <button class=\"btn btn-primary\" type=\"button\" id=\"addCenterIpGrpBtn\" Onclick=\"addCenterIpGrp(this)\">\u65b0\u589e\u4e00\u884c</button>\n <button class=\"btn btn-primary btn-danger\" id=\"jsStayBtn\">\u6dfb\u52a0\u865a\u62df\u673a</button>\n</form>\n\n<script type=\"text/Javascript\">\n\n##\u6b64\u5904\u662f\u8fdb\u884c\u4f7f\u7528\u63d2\u4ef6\uff0c\u5bf9\u4e0b\u62c9\u83dc\u5355\u8fdb\u884c\u53ef\u8f93\u5165\u6269\u5c55\n$('#virtual_cpu').editableSelect({\n\teffects: 'slide'\n});\n\n$('#virtual_mem').editableSelect({\n\teffects: 'slide'\n});\n\n\n### \u6b64\u5904\u5bf9\u9700\u8981\u52a8\u6001\u6dfb\u52a0\u8f93\u5165\u8868\u5355\u8fdb\u884c\u6269\u5c55\nvar varCount =1;\nfunction addCenterIpGrp(obj) {\n varCount++;\n console.log(varCount);\n html = '<tr id=\"tradds\">\\n' +\n ' <td>\\n' +\n ' <select class=\"form-control\" name=\"virtual_cpu\" id=\"virtual_cpu' + varCount + '\" autocomplete=\"off\">\\n' +\n ' {% for cpu_i in cpu_list %}\\n'+\n ' <option value=\"{{ cpu_i }}\">{{ cpu_i }}</option>\\n'+\n ' {% endfor %}\\n' +\n ' </select>\\n' +\n ' </td>\\n' +\n ' <td>\\n' +\n ' <select class=\"form-control m-b\" name=\"virtual_mem\" id=\"virtual_mem' + varCount + '\" autocomplete=\"off\">\\n' +\n ' {% for mem_i in mem_list %}\\n'+\n ' <option value=\"{{ mem_i }}\">{{ mem_i }}</option>\\n'+\n ' {% endfor %}\\n' +\n ' </select>\\n' +\n ' </td>\\n' +\n '</tr>';\n\n ### \u52a8\u6001\u65b0\u589e\u8868\u5355\n var d1 = document.getElementById('tradds');\n d1.insertAdjacentHTML('afterend', html);\n\n $(\"#virtual_cpu\" + varCount).editableSelect({\n effects: 'slide'\n });\n\n $(\"#virtual_mem\" + varCount).editableSelect({\n effects: 'slide'\n });\n\n\n ### \u5728\u6b64\u5904\uff0c\u5bf9\u52a8\u6001\u6dfb\u52a0\u7684\u8868\u5355\u4f7f\u7528 jquery.validate \u6821\u9a8c\n $(\"#virtual_cpu\" + varCount).rules(\"add\", {\n required: true,\n digits: true,\n min: 1,\n max: 64,\n messages: {\n digits: \"\u8bf7\u8f93\u5165\u6b63\u6574\u6570\"\n }\n });\n}\n\n\n##\u5bf9\u6574\u4f53\u8868\u5355\u8fdb\u884c\u6821\u9a8c\n$(\"#jsStayForm\").validate({\n rules:{\n virtual_cpu:{\n required:true,\n digits:true,\n min:1,\n max:64,\n },\n virtual_mem:{\n required:true,\n digits:true,\n min: 1,\n max: 128,\n },\n \n submitHandler:function(form) {\n alert('ddd');\n\n $.ajax({\n .....\n });\n\n }\n});\n\n<script>\n

\n

\n" }, { "author": { "url": "member/lisisi", "name": "lisisi", "avatar": "https://cdn.v2ex.com/avatar/235b/4426/245623_large.png?m=1730104552" }, "url": "t/665937", "date_modified": "2020-04-25T04:47:15+00:00", "content_html": "

\u4e00\u822c\u90fd\u662f\u53ea\u662f\u83b7\u53d6 url:

\n

$.getScript(\"xxx.com/foo.js\" ...\n

\n

\u7528 $.getScript(...) \u600e\u4e48\u628a id=\"aaa\" \u4e00\u8d77\u8bbe\u7f6e\u8fdb\u53bb\u5417\uff1f

\n

<script id=\"aaa\" src=\"xxx.com/foo.js\"></script>\n

\n

\u4e0d\u884c\u7684\u8bdd\uff0c\u4e5f\u53ea\u80fd create \u4e00\u4e2a script \u518d\u8bbe\u7f6e script \u7684 id \u5417\uff1f

\n", "date_published": "2020-04-25T04:46:14+00:00", "title": " \u7528 $.getScript(...) \u53ef\u4ee5\u628a id=\"aaa\" \u4e00\u8d77\u8bbe\u7f6e\u8fdb\u53bb\u5417\uff1f", "id": "t/665937" }, { "author": { "url": "member/CR7sun", "name": "CR7sun", "avatar": "https://cdn.v2ex.com/avatar/90f7/958c/102776_large.png?m=1463671757" }, "url": "t/646020", "title": "\u4e3a\u4ec0\u4e48\u6211\u7684 select \u7684 change \u4e8b\u4ef6\u4f1a\u5931\u6548\uff1f", "id": "t/646020", "date_published": "2020-02-20T02:06:47+00:00", "content_html": "

\u6211\u7528 jquery \u89e6\u53d1 select \u7684 change \u4e8b\u4ef6\uff0c\u5728\u672c\u5730\u5355\u72ec\u9875\u9762\u6d4b\u8bd5\u662f\u6b63\u5e38\u7684\uff0c\u4f46\u662f\u52a0\u5230\u4e00\u4e2a discuz \u7684\u7f51\u7ad9\u91cc\u9762\u5c31\u5931\u6548\u4e86\uff0c\u600e\u4e48\u90fd\u65e0\u6cd5\u89e6\u53d1\uff0c\u8bf7\u95ee\u8fd9\u662f\u600e\u4e48\u56de\u4e8b\uff1f\u662f discuz \u7684\u95ee\u9898\u8fd8\u662f\u4ec0\u4e48\uff1f\u5982\u4f55\u624d\u80fd\u6b63\u5e38\u76d1\u542c\u5462\uff1f

\n

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n<meta http-equiv=\"Content-Type\" cOntent=\"text/html; charset=gbk\" />\n<title>\u6d4b\u8bd5\u8868\u5355 </title>\n<meta name=\"keywords\" cOntent=\"\" />\n<meta name=\"description\" cOntent=\"\" />\n<link rel=\"stylesheet\" type=\"text/css\" href=\"template/common/common.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" href=\"template/form/default/form.css\" /><script src=\"template/form/jquery.min.js\" type=\"text/Javascript\" charset=\"gbk\"></script>\n<script src=\"static/js/common.js\" type=\"text/Javascript\" charset=\"gbk\"></script>\n<script src=\"static/js/form.js\" type=\"text/Javascript\" charset=\"gbk\"></script>\n<meta name=\"viewport\" cOntent=\"width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no\">\n<script type=\"text/Javascript\">\nvar charset = \"gbk\";\nvar iniframe = false ;\n</script>\n</head>\n<body>\n<div id=\"append_parent\"></div><div id=\"ajaxwaitid\"></div>\n<div class=\"topnav\">\n<p class=\"navinf\">\n<!--zkgl<span class=\"pipe\">|</span> -->\n<!--<a href=\"admin.php\" target=\"_blank\">\u7ba1\u7406\u4e2d\u5fc3</a><span class=\"pipe\">|</span>\n<!--<a href=\"member.php?mod=logging&amp;action=logout&amp;formhash=295519c2&amp;module=form&amp;tpl=default\">\u9000\u51fa</a> -->\n</p>\n<ul>\n<!--<li class=\"navlogo\"><a href=\"\" title=\"\"></a></li> -->\n<!--<li><!--</li> -->\n</ul>\n</div>\n<div id=\"wp\" class=\"wp\">\n<div class=\"mn\">\n<div class=\"info wx\">\n<h1>\u6d4b\u8bd5\u8868\u5355</h1>\n</div>\n<form id=\"form\" enctype=\"multipart/form-data\" Onsubmit=\"return valida_ajaxpost(this);\" action=\"form.php?mod=post\" method=\"post\">\n<input type=\"hidden\" name=\"handlekey\" value=\"formresult\" />\n<input type=\"hidden\" name=\"id\" value=\"6\" />\n<input type=\"hidden\" name=\"formhash\" value=\"295519c2\" />\n<table cellspacing=\"0\" cellpadding=\"0\" class=\"tfm\"><tr>\n<th><span style= \"text-align:center\" id=\"fieldtitle_qkks\">\u8ba2\u9605\u671f\u6570</span></th>\n<td>\n<span class=\"ftid\">\n<select name=\"fieldvalue[qkks]\" id=\"fieldvalue_qkks\" style=\"width:150px;text-align: center;\" tabindex=\"1\" class=\"ps\"><option value=\"1\" >1 \u671f</option>\n<option value=\"2\" >2 \u671f</option>\n<option value=\"3\" >3 \u671f</option>\n<option value=\"4\" >4 \u671f</option>\n<option value=\"5\" >5 \u671f</option>\n<option value=\"6\" >6 \u671f</option>\n<option value=\"7\" >7 \u671f</option>\n<option value=\"8\" >8 \u671f</option>\n<option value=\"9\" >9 \u671f</option>\n<option value=\"10\" >10 \u671f</option>\n<option value=\"11\" >11 \u671f</option>\n<option value=\"12\" >12 \u671f</option>\n</select>\n</span>\n <span id=\"checkresult_qkks\"></span>\n</td>\n</tr>\n<tr>\n<th><span style= \"text-align:center\" id=\"fieldtitle_dysl\">\u4efd\u3000\u3000\u6570</span></th>\n<td>\n<input type=\"text\" name=\"fieldvalue[dysl]\" id=\"fieldvalue_dysl\" class=\"px\" tabindex=\"1\" style=\"width:150px\" OnBlur=\"checkfield('dysl', '0', 'number', '0', '0')\" value=\"\" />\n <span id=\"checkresult_dysl\"></span>\n<div class=\"d\">\n20 \u5143 /\u4efd</div>\n</td>\n</tr>\n<tr>\n<th><span style= \"text-align:center\" id=\"fieldtitle_dyje\">\u91d1\u3000\u3000\u989d</span></th>\n<td>\n<input type=\"text\" name=\"fieldvalue[dyje]\" id=\"fieldvalue_dyje\" class=\"px\" tabindex=\"1\" style=\"width:150px\" OnBlur=\"checkfield('dyje', '0', 'number', '0', '0')\" value=\"\" />\n <span id=\"checkresult_dyje\"></span>\n</td>\n</tr>\n\n<input name=\"sechash\" type=\"hidden\" value=\"S1vm8\" />\n\n<tr>\n<td></td>\n<td>\n<button type=\"submit\" id=\"formsubmit\" class=\"pn pnc\" value=\"true\" name=\"formsubmit\"><span>\u63d0 \u4ea4</span></button>\n</td>\n</tr>\n</table>\n<script type=\"text/Javascript\">\n\t\tjQuery(\"#fieldvalue_qkks\").change(function () {\n\t\t\tvar a = jQuery('#fieldvalue_dysl').val();\t\n\t\t\tvar b = 20;\n\t\t\tvar c = jQuery(this).children('option:selected').val();\n\t\t\tvar sum= a * b * c;\t\t\n\t\t\tjQuery('#fieldvalue_dyje').val(sum); \n\t\t}); \n}) \n\n</script></form>\n<div id=\"return_formresult\" sytle=\"display:none;\">&nbsp;</div><div class=\"cl\" id=\"ft\">\n</div>\n</div>\n</div></body>\n</html>\n

\n" }, { "author": { "url": "member/MMMcrystal", "name": "MMMcrystal", "avatar": "https://cdn.v2ex.com/gravatar/581eed7f9b435a2da4692508baf797a1?s=73&d=retro" }, "url": "t/594922", "date_modified": "2019-08-25T07:58:32+00:00", "content_html": "\u56e0\u4e3a\u4f7f\u7528\u4e86\u767b\u5f55\u9875\u9762\u7684\u6a21\u677f\uff0c\u628a button \u7684 type \u6539\u4e3a button\uff0c\u4f46\u8fd8\u662f\u6709\u95ee\u9898

\u662f\u5728\u4e00\u4e2a wifi \u91cc\u8fdb\u884c\u8bbf\u95ee\u7684

\u4ee5\u4e0b\u4e3a body \u7684\u4ee3\u7801

<body class=\"bg-primary\">

<div class=\"unix-login\">
<div class=\"container-fluid\">
<div class=\"row justify-content-center\">
<div class=\"col-lg-6\">
<div class=\"login-content\">
<div class=\"login-logo\">
<a href=\"index.html\"><span>Focus</span></a>
</div>
<div class=\"login-form\">
<h4>Administratior Login</h4>
<form>
<div class=\"form-group\">
<label>\u7528\u6237\u540d</label>
<input id=\"name\" type=\"text\" class=\"form-control\" placeholder=\"\u7528\u6237\u540d\">
</div>
<div class=\"form-group\">
<label>\u5bc6\u7801</label>
<input id=\"pwd\" type=\"password\" class=\"form-control\" placeholder=\"\u5bc6\u7801\">
</div>
<div class=\"checkbox\">
<label>
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\"> Remember Me
\t\t\t\t\t\t\t\t\t</label>
<label class=\"pull-right\">
\t\t\t\t\t\t\t\t\t\t<a href=\"#\">Forgotten Password?</a>
\t\t\t\t\t\t\t\t\t</label>

</div>
<button id=\"loginbtn\" type=\"button\" class=\"btn btn-primary btn-flat m-b-30 m-t-30\">\u767b\u5f55</button>
<div class=\"register-link m-t-15 text-center\">
<p>Don't have account ? <a href=\"#\"> Sign Up Here</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>



<script src=\"assets/js/lib/jquery.min.js\"></script>
<script>

$(function(){

$(\"#loginbtn\").click(

function (){

var name=$(\"#name\").val();//\u83b7\u53d6\u9875\u9762\u4e2d\u767b\u5f55\u540d\u548c\u5bc6\u7801

var pwd=$(\"#pwd\").val();

if(name==\"\"|| pwd==\"\"){//\u5224\u65ad\u4e24\u4e2a\u5747\u4e0d\u4e3a\u7a7a\uff08\u5176\u4ed6\u5224\u65ad\u89c4\u5219\u5728\u5176\u8f93\u5165\u65f6\u5df2\u7ecf\u5224\u65ad\uff09

alert(\"\u8d26\u53f7\u5bc6\u7801\u5747\u4e0d\u80fd\u4e3a\u7a7a\uff01\")

return false;

}else{//\u4ee5\u4e0a\u5747\u7b26\u5408\u8981\u6c42\uff0c\u5219\u8c03\u7528\u767b\u5f55 esb \u63a5\u53e3

$.ajax({

url:'192.168.0.163:8080/e-learning/login',//\u76f8\u5bf9\u5e94\u7684 esb \u63a5\u53e3\u5730\u5740

data:{\"username\":name,\"password\":pwd},//\u5411\u670d\u52a1\u5668\uff08\u63a5\u53e3\uff09\u4f20\u9012\u7684\u53c2\u6570

type:'POST',

dataType:'json',

success:function(data){//\u670d\u52a1\u5668\uff08\u63a5\u53e3\uff09\u8fd4\u56de\u6765\u7684\u6570\u636e

if(data.code==100){//\u5982\u679c\u8fd4\u56de\u6765\u7684\u4fe1\u606f\u8bf4\u660e\u63d0\u4ea4\u7684\u4fe1\u606f\u4e3a\u6b63\u786e\u7684

window.location.href='index.html';//\u6b63\u786e\u767b\u5f55\u540e\u9875\u9762\u8df3\u8f6c\u81f3

}

else{//\u5982\u679c\u8fd4\u56de\u6765\u7684\u4fe1\u606f\u8bf4\u660e\u63d0\u4f9b\u7684\u4fe1\u606f\u4e3a\u9519\u8bef\u7684

alert(data.message);

$(\"#name\").val(\"\");

$(\"#pwd\").val(\"\");

return false;

}

},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert(\"\u5931\u8d25\");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}

})

}

}

);

})
</script>

</body>", "date_published": "2019-08-25T07:50:55+00:00", "title": "\u521d\u5b66\u8005\u5728\u505a\u505a\u767b\u9646\u754c\u9762\u4f7f\u7528 jQuery ajax()\u65b9\u6cd5\u65f6\u76f4\u63a5\u51fa\u73b0 error\uff0c XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error", "id": "t/594922" }, { "author": { "url": "member/workhardplayhard", "name": "workhardplayhard", "avatar": "https://cdn.v2ex.com/gravatar/5483cbe2800f8dc4d0f80489249a5c7e?s=73&d=retro" }, "url": "t/579208", "title": "\u8bf7\u6559\u4e00\u4e2a jquery contextmenu \u95ee\u9898\uff0c\u4e0d\u540c\u4e8b\u4ef6\u6e90\u600e\u4e48\u5408\u5230\u4e00\u4e2a\u83dc\u5355\u91cc", "id": "t/579208", "date_published": "2019-07-02T02:40:28+00:00", "content_html": "

\u9875\u9762\u662f\u4f20\u7edf table \u6784\u6210\u7684\uff0c\u76ee\u524d\u5b9e\u73b0\u7684\u53f3\u952e\u83dc\u5355\u90fd\u662f\u9488\u5bf9\u4e00\u6761\u8fdb\u884c\u5904\u7406\u7684\uff08\u4e5f\u5c31\u662f\u5bf9 tr \uff09\uff0c\u4f46\u73b0\u5728\u6709\u9700\u6c42\u662f\u7528\u6237\u9700\u8981\u590d\u5236\u5355\u5143\u683c\u7684\u503c\uff08\u4e5f\u5c31\u662f\u5bf9 td \uff09\u3002\u590d\u5236\u7684\u8fd9\u4e2a\u6309\u94ae\u8981\u653e\u5230 tr \u54cd\u5e94\u7684\u83dc\u5355\u91cc\uff0c\u8fd9\u4e2a\u6548\u679c\u9700\u8981\u600e\u4e48\u641e\uff0c\u6c42\u5927\u4f6c\u4eec\u6307\u70b9\u4e00\u4e8c\u3002

\n" }, { "author": { "url": "member/feipeng", "name": "feipeng", "avatar": "https://cdn.v2ex.com/gravatar/0665d059281b5dd1506dcb9c53ab9d09?s=73&d=retro" }, "url": "t/550970", "title": "jQuery.extend \u5728\u6df1\u590d\u5236\u65f6\uff0c\u4e3a\u4ec0\u4e48\u9700\u8981\u5224\u65ad isPlainOjbect\uff1f\uff08\u4e0d\u662f\u95ee isPlainOjbect \u65b9\u6cd5\u7684\u539f\u7406\uff09", "id": "t/550970", "date_published": "2019-04-01T12:15:13+00:00", "content_html": "" }, { "author": { "url": "member/v2et", "name": "v2et", "avatar": "https://cdn.v2ex.com/gravatar/dadcd355db1ddadd5a74a7943ea4c7d6?s=73&d=retro" }, "url": "t/550534", "title": "jquery \u901a\u8fc7 ajax \u8fd4\u56de\u65b0\u7684 url \u7ed9\u524d\u7aef\u91cd\u5b9a\u5411\u7b97\u524d\u540e\u7aef\u5206\u79bb\u5417\uff1f", "id": "t/550534", "date_published": "2019-03-31T08:18:20+00:00", "content_html": "

\u8bf7\u6559\u4e00\u4e0b\u5927\u5bb6\uff0c\u524d\u7aef jquery \u901a\u8fc7 ajax \u8bf7\u6c42\u540e\u7aef\uff0c\u540e\u7aef\u8fd4\u56de\u65b0\u7684 url \u7ed9\u524d\u7aef\uff0c\u524d\u7aef\u518d\u91cd\u5b9a\u5411\u5230\u65b0\u7684\u8def\u7531\u8bf7\u6c42\u65b0\u7684\u7f51\u9875\u7b97\u524d\u540e\u7aef\u5206\u79bb\u5417\uff1f\u8fd8\u662f\u53ea\u6709 vue \u8fd9\u79cd\u524d\u7aef\u8def\u7531\u624d\u7b97\u662f\u524d\u540e\u7aef\u5206\u79bb\uff1f

\n" }, { "author": { "url": "member/yao978318542", "name": "yao978318542", "avatar": "https://cdn.v2ex.com/gravatar/9afe97514c42fb86786e452c9b0ccf3b?s=73&d=retro" }, "url": "t/516571", "title": "\u524d\u7aef websocket \u5b9e\u65f6\u63a5\u6536\u5230\u97f3\u9891\u6d41\u6570\u636e\uff0c\u5982\u4f55\u5728 web \u7aef\u5b9e\u65f6\u64ad\u653e", "id": "t/516571", "date_published": "2018-12-11T08:49:06+00:00", "content_html": "

\u76f4\u63a5\u8d4b\u503c\u7ed9 audio.src \u7684\u8bdd \u53ef\u4ee5\u64ad\u653e \u4f46\u662f\u4f1a\u6709\u660e\u663e\u7684\u5361\u987f\u554a\uff01\u5927\u4f6c\u4eec\u6709\u89e3\u51b3\u529e\u6cd5\u5417\uff1f

\n" }, { "author": { "url": "member/VKMEPR", "name": "VKMEPR", "avatar": "https://cdn.v2ex.com/avatar/3cc5/fccd/311324_large.png?m=1535290086" }, "url": "t/496511", "title": "scrollTop()\u5f15\u53d1\u7684\u4e00\u4e2a\u64cd\u4f5c\u95ee\u9898", "id": "t/496511", "date_published": "2018-10-10T15:03:33+00:00", "content_html": "

\u8bbe\u7f6e\u7528 scrollTop()\u68c0\u6d4b\u5230\u9875\u9762\u6eda\u52a8\u81ea\u52a8\u89e6\u53d1\u4e8b\u4ef6\uff0c\u4f46\u548c\u9875\u9762\u4e0a\u7684\u5176\u5b83\u529f\u80fd\u51b2\u7a81\u4e86\u3002\u6709\u4e2a\u7f51\u9875\u5143\u7d20\u70b9\u51fb\u4f1a\u5c55\u51fa\u4e00\u5757\u6298\u53e0\u5185\u5bb9\uff0c\u6b63\u56e0\u5982\u6b64\u5bfc\u81f4\u9875\u9762\u9ad8\u5ea6\u589e\u52a0\u800c\u9519\u8bef\u5730\u89e6\u53d1 scrollTop()\u7ed1\u5b9a\u4e8b\u4ef6\uff08\u9700\u8981\u5c55\u5f00\u6298\u53e0\u5185\u5bb9\u65f6\u4e0d\u89e6\u53d1 scrollTop()\u4e8b\u4ef6\uff09\uff0c\u8bf7\u95ee\u5404\u4f4d\u5927\u4f6c\u6709\u4ec0\u4e48\u597d\u7684\u89e3\u51b3\u529e\u6cd5\uff1f

\n" }, { "author": { "url": "member/VKMEPR", "name": "VKMEPR", "avatar": "https://cdn.v2ex.com/avatar/3cc5/fccd/311324_large.png?m=1535290086" }, "url": "t/478354", "title": "jQuery \u9009\u62e9\u7279\u5b9a\u5c3a\u5bf8\u56fe\u7247\u95ee\u9898", "id": "t/478354", "date_published": "2018-08-09T09:49:54+00:00", "content_html": "

\u5047\u5982\u7f51\u9875\u91cc\u6709\u591a\u5f20\u4e0d\u540c\u5c3a\u5bf8\u5927\u5c0f\u56fe\u7247\uff0c\u8bf7\u95ee\u5982\u4f55\u9009\u62e9\u8d85\u8fc7\u6307\u5b9a\u5bbd\u5ea6\u5927\u5c0f\u7684\u56fe\u7247\uff1f\u76ee\u7684\u662f\u5ffd\u7565\u5c0f\u56fe\u7247\u3002

\n" }, { "author": { "url": "member/weang000", "name": "weang000", "avatar": "https://cdn.v2ex.com/gravatar/0cd7d94c5032f293016bc50aa2011df0?s=73&d=retro" }, "url": "t/447746", "title": "\u5982\u4f55\u5728\u63d0\u4ea4\u8868\u5355\u540e\u83b7\u53d6\u5230\u52a8\u6001\u6dfb\u52a0\u7684 inpu \u7684\u503c", "id": "t/447746", "date_published": "2018-04-18T03:19:18+00:00", "content_html": "

\u901a\u8fc7.html()\u6dfb\u52a0\u4e86\u4e00\u4e2a input \u6846\uff0c\u7136\u540e\u63d0\u4ea4\u8868\u5355\u540e\u83b7\u53d6\u4e0d\u5230\u8fd9\u51e0\u4e2a input \u7684\u503c\u3002name \u7ed9\u5bf9\u4e86\uff0c\u6ca1\u95ee\u9898\u3002\u6ca1\u6709\u8bed\u6cd5\u9519\u8bef\u3002\u6ca1\u95ee\u9898\uff0c\u5c31\u662f\u62ff\u4e0d\u5230\u503c\u3002

\n" }, { "author": { "url": "member/Aprilming", "name": "Aprilming", "avatar": "https://cdn.v2ex.com/gravatar/2ae8c7a6c9d8d4dce639d1e8e7dfb0b8?s=73&d=retro" }, "url": "t/442351", "title": "pdfObject \u600e\u4e48\u76d1\u542c\u8fdb\u5ea6", "id": "t/442351", "date_published": "2018-03-29T01:40:58+00:00", "content_html": "

\u9879\u76ee\u7528 PDFObject \u6765\u5c55\u793a pdf\uff0c\u73b0\u5728\u60f3\u83b7\u53d6\u67e5\u770b pdf \u7684\u8fdb\u5ea6\u3002\u4f46\u662f\u76d1\u542c\u4e0d\u5230\u6ed1\u5757\u7684\u9ad8\u5ea6\u3002

\n

\u9875\u9762\u52a0\u8f7d\u51fa\u6765\u7684\u4ee3\u7801\u5982\u4e0b\uff1a\n

<embed class=\"pdfobject\" src=\"/media/course/pdf/DjangoBook2.0%E4%B8%AD%E6%96%87%E7%89%88_a33a5U1.pdf#view=FitV&amp;toolbar=0\" type=\"application/pdf\" style=\"overflow: auto; width: 100%; height: 100%;\" internalinstanceid=\"84\">

\n

\u9879\u76ee\u4e2d\u7684 Jquery \u4ee3\u7801\u4e3a:\nvar optiOns= {\npdfOpenParams: {view: 'FitV', toolbar: '0'}\n};\nPDFObject.embed(\"{{ pdf_url }}\", $(\"#mypdf\"), options);

\n

pdfObject \u7684\u5b98\u7f51\u4e0a\u6ca1\u6709\u627e\u5230\u5173\u4e8e\u83b7\u53d6\u9875\u9762\u6570\u6216\u8005\u8fdb\u5ea6\u7684 api\uff0c\u53ea\u6709\u4e00\u4e2a\u80fd\u8bbe\u7f6e\u5f00\u59cb\u9875\u6570\u7684\u9009\u9879\u3002

\n

\u70b9\u51fb\u6ed1\u5757\uff0c\u68c0\u67e5\u3002\u51fa\u6765\u4e00\u4e2a\u65b0\u7a97\u53e3\uff0c\u91cc\u9762\u6709\u4e00\u884c\u4ee3\u7801\uff1a\n<viewer-page-indicator id=\"page-indicator\" style=\"top: 0.239426px; opacity: 0;\"></viewer-page-indicator>\n\u8fd9\u4e2a style=\u201d top\uff1a0.239426px\" \u5c31\u662f\u6ed1\u5757\u7684\u9ad8\u5ea6\uff0c\u4f46\u662f\u5b8c\u5168\u83b7\u53d6\u4e0d\u5230\u8fd9\u4e2a\u7a97\u53e3\u91cc\u9762\u7684\u5c5e\u6027 \u3002\uff08\u6d4f\u89c8\u5668 chrome)

\n

\u5927\u4f6c\u4eec\u5e2e\u5e2e\u5fd9\uff0c\u60f3\u60f3\u600e\u4e48\u80fd\u83b7\u53d6\u6ed1\u5757\u9ad8\u5ea6\uff0c\u6216\u8005 pdf \u7684\u9875\u6570\u3002

\n" }, { "author": { "url": "member/hopestar86", "name": "hopestar86", "avatar": "https://cdn.v2ex.com/gravatar/4ebc54ab936df976c8895dc09956dcf5?s=73&d=retro" }, "url": "t/420599", "title": "\u80fd\u5e2e\u6211\u627e\u627e\u8fd9\u4e2a\u9875\u9762\u7684\u7ec6\u8282 \u548c \u5c3a\u5bf8\u662f\u90a3\u4e2a ajax \u548c url \u52a0\u8f7d\u7684\u5417?", "id": "t/420599", "date_published": "2018-01-06T07:55:00+00:00", "content_html": "

https://www.jollychic.com/p/woman-s-crossbody-bag-solid-chain-argyle-pattern-stylish-woman-s-bag-g562752.html

Item Measurements \u548c Details \u5bf9\u5e94\u7684\u5185\u5bb9

\u5ba1\u67e5\u5143\u7d20\u91cc\u9762 XHR \u90fd\u627e\u904d\u4e86\u90fd\u627e\u4e0d\u5230\u5bf9\u5e94\u7684\u5185\u5bb9

<input type=\"text\" name=\"filter_content_tag[]\" style=\"margin:5px;width:45%;float:left;\" class=\"form-control\" value=\"\" placeholder=\"\u5173\u952e\u8bcd\"><input type=\"text\" name=\"filter_content_tag[]\" style=\"margin:5px;width:45%;float:left;\" class=\"form-control\" value=\"\" placeholder=\"\u66ff\u6362\u4e3a\">\n<input type=\"button\" class=\"btn btn-danger btn-xs\" value=\"\u5220\u9664\" style=\"margin-top:10px;float:right;\" Onclick=\"DelRowInput(0)\">\n\n<input type=\"text\" name=\"filter_content_tag[]\" style=\"margin:5px;width:45%;float:left;\" class=\"form-control\" value=\"\" placeholder=\"\u5173\u952e\u8bcd\"><input type=\"text\" name=\"filter_content_tag[]\" style=\"margin:5px;width:45%;float:left;\" class=\"form-control\" value=\"\" placeholder=\"\u66ff\u6362\u4e3a\">\n<input type=\"button\" class=\"btn btn-danger btn-xs\" value=\"\u5220\u9664\" style=\"margin-top:10px;float:right;\" Onclick=\"DelRowInput(0)\">\n

\u70b9\u4e0b\u9762\u4e00\u884c\u7684\u201c\u5220\u9664\u201d\u6309\u94ae\uff0c\u5220\u9664\u4e0b\u9762\u4e00\u884c\u8868\u5355\u3002\u95ee\u9898\u662f\u8fd9\u4e9b\u8868\u5355\u6ca1\u6709\u7528 DIV \u5305\u62ec\u547d\u540d\uff0c\u6240\u4ee5\u6709\u5565\u529e\u6cd5\uff1f

\u5c31\u662f\u5f39\u51fa\u7684 dialog \u6211\u60f3\u8ba9\u5979\u9488\u5bf9\u67d0\u4e2a\u5143\u7d20\u7edd\u5bf9\u5b9a\u4f4d\u663e\u793a\uff0c\u800c\u4e0d\u662f\u9488\u5bf9 window\uff0c\u8fd9\u4e2a\u63d2\u4ef6\u53ef\u4ee5\u505a\u5230\u4e48\uff1f\u8bd5\u4e86\u597d\u4e45\u4e0d\u884c

\u7269\u8054\u7f51\u9879\u76ee\uff0c\u5148\u5199\u597d\u4e86 API\uff0c\u4f7f\u7528 JWT AUTH\uff0ctoken \u5199\u5165 cookie\uff0c\u63d0\u793a Refused to set unsafe header \"cookie\"\u3002
\n\u670d\u52a1\u5668\u5df2\u7ecf\u8bbe\u7f6e\u4e86
\nheader / Access-Control-Allow-Origin *
\nheader / Access-Control-Allow-Credentials true
\n\u4ee3\u7801\u5982\u4e0b:

\t$.ajax({\n\t\turl: \"https://api.xxx.xxx/temperature/\",\n\t\ttype: \"GET\", \n\t\tbeforeSend: function(xhr){ \n\t\t\txhr.setRequestHeader('cookie', token) \n\t\t}, \n\t\tsuccess: function(data){ \n\t\t\talert(data); \n\t\t} \n\t}) \n

\u6c42\u89e3\u60d1

$('.div').click(function(){\n$(.img img).attr('src','new.jpg');\n})

\u7531\u4e8e new.jpg \u975e\u5e38\u7684\u5927\uff0c\u6240\u4ee5\u5bfc\u81f4\u70b9\u51fb\u540e\uff0c\u4e00\u76f4\u5c55\u793a\u7684\u539f\u6765\u7684\u56fe\u7247\u4e86

\u8bf7\u6559\u73b0\u5728\u73b0\u5728\u5148\u5c55\u793a\u4e00\u4e2a\u5c0f\u7684 loading.gif, \u7b49 new.jpg \u52a0\u8f7d\u5b8c\u6210\u540e\u5728\u5c55\u793a\uff0c\u8981\u600e\u4e48\u4fee\u6539

\u76f4\u63a5\u5148\u628a\u5730\u5740\u6539\u6210 loading.gif \uff0c\u5728\u6539\u6210 new.jpg \u6ca1\u8fbe\u5230\u6548\u679c\u597d\u50cf

function get_xxx(id) {\n var result = \"\";\n $.getJSON('/api/xxx/' + id, function (data) {\n result = operation on data // string\n \n });\n return result;\n }\n

\u56e0\u4e3a\u5f02\u6b65 return undefined \u3002\u8bbe\u7f6e\u6210\u540c\u6b65\u4f3c\u4e4e\u4e0d\u662f\u4e2a\u597d\u4e3b\u610f\u3002$.when \u4e5f\u4e0d\u7ba1\u7528\uff0c\u7528\u8fd8\u6709\u4ec0\u4e48\u89e3\u51b3\u529e\u6cd5\uff1f

https://segmentfault.com/q/1010000007863491?_ea=1476187

\u5728\u79fb\u52a8\u7aef,\u6211\u6709\u4e00\u4e2a\u6309\u94ae,\u70b9\u51fb\u540e\u4f1a\u5f39\u51fa\u4e00\u4e2a div \u5c42, \u7528\u6237\u9009\u62e9\u597d\u5185\u5bb9\u540e\u53ef\u4ee5\u70b9\u51fb\u786e\u5b9a\u5173\u95ed\u8fd9\u4e2a div, \u8fd9\u4e2a\u6b65\u9aa4\u56e0\u4e3a\u5728\u540c\u4e00\u4e2a\u9875\u9762\u662f\u6ca1\u6709\u8df3\u8f6c\u7684.

\u4f46\u662f\u56e0\u4e3a\u62c5\u5fc3\u7684\u8bef\u89e6\u8fd4\u56de\u5bfc\u81f4\u6309\u94ae\u8fd9\u4e2a\u754c\u9762\u4e1c\u897f\u90fd\u767d\u586b\u4e86\u5c31\u4e0d\u597d\u4e86

\u60f3\u95ee\u4e0b\u80fd\u4e0d\u80fd\u5b9e\u73b0\u5f39\u51fa\u7684 div \u5c42\u7684\u65f6\u5019 \u70b9\u51fb\u8fd4\u56de\u6309\u94ae\u80fd\u591f\u63a7\u5236\u4ec5\u4ec5\u5173\u95ed div \u5c42\u4e0d\u56de\u8df3?

\u6709\u4eba\u63d0\u5230\u4e86 onbeforeunload,onunload,onpagehide ,\u4f46\u662f\u4e0d\u4f1a\u7528?

\u4f8b\u5982 data \u8fd4\u56de\u6570\u636e\u4e3a\u4e00\u6574\u4e2a\u7f51\u9875\n\u5982\u4f55\u53ea\u83b7\u53d6 body \u5185\u5bb9\uff1f

<html>\n <head>\n <title>title</title>\n </head>\n <body>\n \u5982\u4f55\u53ea\u83b7\u53d6 body \u4e2d\u7684\u5185\u5bb9\n </body>\n</html>\n

$this.find(\":input\").bind(\"click\",function (){\n var _this = $(this).attr(\"name\")\n var _this_val = $(this).val()\n var num_text = /^\\d{1,16}$/;\n var password = /^[\\@A-Za-z0-9\\!\\#\\$\\%\\^\\&\\*\\.\\~]{6,22}$/;\n var _this_name = {num_text:\"username\", password:\"password\", three:\"cerificationcode\"}; \n $.each(_this_name,function(key,val){ \n if(_this == val){\n console.log(key)\n if(key.test(_this_val)){\n alert(\" \u5bf9\u4e86\u5bf9\u4e86\");\n }else{\n alert(\"\u9519\u8bef\u9519\u8bef\u4e86\");\n }\n }\n })\n})\t\n

\u597d\u50cf\u662f\u7b2c\u4e8c\u4e2a if \u7684 key \u4e0d\u88ab jquery \u8bc6\u522b\u53d8\u6210\u53d8\u91cf\uff0c\u6d4f\u89c8\u5668\u5c31\u4e00\u76f4\u5728\u62a5\u9519

html:52 Uncaught TypeError: key.test is not a function(\u2026)\n

\u6211\u7528\u4e86 js \u7684 window.Onload= function(){}\u65b9\u6cd5\uff0c\u867d\u7136\u662f\u597d\u7528\u7684\uff0c\u4f46\u8fd8\u662f\u8bf7\u95ee\u5982\u4f55\u8ba9 jq \u5728\u5e95\u90e8\u5f15\u7528\u8fd8\u53ef\u4ee5\u5728 jq \u7684\u5f15\u7528\u4e0a\u9762\u4f7f\u7528$\u65b9\u6cd5\uff1b

\u5de5\u4f5c\u4e2d\u6162\u6162\u5f62\u6210\u4e86\u81ea\u5df1\u7684\u4e00\u5957 jquery \u63d2\u4ef6\u5e93\uff0c\u7d22\u6027\u6ce8\u518c\u4e00\u4e2a\u57df\u540d\u72ec\u7acb\u51fa\u4e00\u4e2a\u5c0f\u7ad9

http://jquerywidget.com

\u8fd9\u4e2a\u57df\u540d\u5927\u5bb6\u89c9\u5f97\u600e\u4e48\u6837\uff1f\u610f\u601d\u5c31\u662f\u201c jquery \u90e8\u4ef6\u201d

\u672c\u4eba\u827a\u672f\u6b8b\uff0c\u76ee\u524d\u5c31\u53ea\u80fd\u6254\u4e2a button \u4e0a\u53bb\uff0c\u7279\u522b\u4e11

\u5e0c\u671b\u524d\u8f88\u4eec\u63a8\u8350\u4e9b\u597d\u770b\u7684\u4e0b\u8f7d\u9875\u9762\u7684\u6a21\u677f

\u8c22\u8c22

\u521a\u624d\u53d1\u9519\u5730\u65b9\u4e86\u3002\nhttp://www.v2ex.com/t/295012

\u6628\u5929\u770b\u5230\u6709\u4eba\u95ee\u201c\u4e2d\u534e\u4eba\u6c11\u5171\u548c\u56fd\u884c\u653f\u533a\u5212\u4ee3\u7801\u201d\uff0c\u4e00\u65f6\u5174\u8d77\uff0c\u4e8e\u662f\u4e4e\u5c31\u6709\u4e86\u8fd9\u4e2a\u63d2\u4ef6\u3002\n\u4e3b\u8981\u662f\u770b\u7f51\u4e0a\u7684\u540c\u7c7b\u63d2\u4ef6\u90fd\u6709\u95ee\u9898\uff0c\u6570\u636e\u5e93\u592a\u4e45\u4e86\uff0c\u8fd1\u5e74\u6765\u5f88\u591a\u57ce\u5e02\u884c\u653f\u5212\u5206\u90fd\u53d8\u4e86\uff1a

\u6d77\u5357\u73b0\u5728\u6709 4 \u4e2a\u5730\u7ea7\u57ce\u5e02

\u53f0\u6e7e\u7701\u73b0\u5728\u6ca1\u6709\u53f0\u5317\u53bf\u4e86\uff0c\u53d8\u6210\u65b0\u5317\u5e02\u4e86\uff1b\u53f0\u5357\u5e02\u548c\u53f0\u5357\u53bf\u5408\u5e76\u4e86\uff0c\u53f0\u4e2d\u5e02\u548c\u53f0\u4e2d\u53bf\u5408\u5e76\u4e86

\u6fb3\u95e8\u56e0\u4e3a\u586b\u6d77\u591a\u4e86\u4e00\u4e2a\u8def\u6c39\u57ce

\u2026\u2026

\u63d2\u4ef6\u6f14\u793a\uff1a\nhttp://passer-by.com/widget/jquery-citys/

\u9879\u76ee\u5730\u5740\uff1a\nhttps://github.com/mumuy/widget

BestBolgom - The most powerful CMS!

\u9879\u76ee\u4ecd\u5728\u5f00\u53d1\u4e2d\uff0c\u8fd9\u662f\u4e00\u4e2a\u4ece\u96f6\u5f00\u59cb\u5f00\u53d1\u7684\u5ba2\u6237\u7ba1\u7406\u7cfb\u7edf\uff0c\u5c06\u4f1a\u5728 Livecoding.tv \u4e0a\u76f4\u64ad\u6574\u4e2a\u5f00\u53d1\u8fc7\u7a0b\u3002

https://www.livecoding.tv/olivierpiasecki/

iElevator.js\u662f\u4e00\u4e2a jquery \u5c0f\u63d2\u4ef6\uff0c\u4f7f\u7528\u7b80\u5355\uff0c\u517c\u5bb9 IE6 \uff0c\u652f\u6301 UMD \u548c 3 \u79cd\u914d\u7f6e\u65b9\u5f0f\uff0c\u6bd4\u951a\u70b9\u66f4\u7075\u6d3b\u3002

Default Options

var _defaults = {\n floors: null,\n btns: null,\n backtop: null,\n selected: '',\n sticky: -1,\n visible: {\n isHide: 'no',\n numShow: 0\n },\n speed: 400,\n show: function(me) {\n me.element.show();\n },\n hide: function(me) {\n me.element.hide();\n }\n

\n
• floors:\u9875\u9762\u4e2d floor \u6a21\u5757\u7684\u5f15\u7528
\n
• btns: \u7126\u70b9\u56fe\u7684\u5f15\u7528
\n
• backtop: \u56de\u5230\u9876\u90e8\u6309\u94ae\u7684\u5f15\u7528
\n
• selected: \u7126\u70b9\u56fe\u5728\u8fdb\u884c\u6eda\u52a8\u6216\u5355\u51fb\u65f6\u7684\u9009\u4e2d\u6837\u5f0f
\n
• visible: \u7528\u4e8e\u63a7\u5236 [\u7535\u68af] \u7684\u663e\u793a\u4e0e\u9690\u85cf\uff0c\u5f53 srollTop \u503c\u5927\u4e8enumShow\u65f6\uff0c\u663e\u793a [\u7535\u68af] \uff0c\u53cd\u4e4b\u5219\u9690\u85cf
\n
• speed: \u63a7\u5236\u6ed1\u6761\u7684\u6eda\u52a8\u901f\u5ea6
\n
• show: \u53ef\u4ee5\u91cd\u5199\u8be5\u51fd\u6570\uff0c\u6765\u5b9a\u5236elevator\u7684\u663e\u793a\u65b9\u5f0f
\n
• hide: \u53ef\u4ee5\u91cd\u5199\u8be5\u51fd\u6570\uff0c\u6765\u5b9a\u5236elevator\u7684\u9690\u85cf\u65b9\u5f0f
\n

\u5b89\u88c5

npm install ielevator || bower install ielevator

\u4f7f\u7528

1. back to top [\u56de\u5230\u9876\u90e8] \u5355\u51fb\u6211\u770b Demo \u6548\u679c

HTML:

 <div class=\"elevator elevator-backtop\" id=\"backtop\" >\n <a href=\"Javascript:;\" class=\"js-backtop\">TOP</a>\n </div>\n

Javascript:

 $('#backtop').ielevator({\n backtop: $('#backtop .js-backtop')\n });\n

\u53ea\u9700\u83b7\u53d6backtop\u5f15\u7528\u5373\u53ef\uff0c\u5c31\u8fd9\u4e48\u7b80\u5355\uff01

2. simulate elelvator \u5355\u51fb\u6211\u770b Demo \u6548\u679c

HTML structure:

 <div class=\"elevator\" id=\"elevator\" data-elevator-optiOns='{\"selected\": \"custome-selected\"}'>\n <ul>\n <li><a href=\"Javascript:;\" class=\"custome-selected js-btn\">floor1</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor2</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor3</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor4</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor5</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor6</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor7</a></li>\n </ul>\n </div>\n

Javascript:

 $('#elevator').ielevator({\n floors: $('.js-floor'),\n btns: $('#elevator .js-btn'),\n selected: 'selected',\n visible: {isHide: 'yes', numShow: 400},\n show: function() {\n $('#elevator').slideDown(400);\n },\n hide: function() {\n $('#elevator').slideUp(400);\n }\n });\n

\u6ce8\u610f\uff1a data-ielevator-optiOns='{\"selected\": \"custome-selected\"} \u914d\u7f6e\u7684\u4f18\u5148\u7ea7\u662f\u6700\u9ad8\u7684

3. simulate elevator + back to top \u5355\u51fb\u6211\u770b Demo \u6548\u679c

HTML structure:

 <div class=\"elevator\" id=\"elevator\" data-elevator-optiOns=''>\n <ul>\n <li><a href=\"Javascript:;\" class=\"custome-selected js-btn\">floor1</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor2</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor3</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor4</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor5</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor6</a></li>\n <li><a href=\"Javascript:;\" class=\"js-btn\">floor7</a></li>\n <li><a href=\"Javascript:;\" class=\"js-backtop\">TOP</a></li>\n </ul>\n </div>\n

Javascript:

 $('#elevator').ielevator({\n floors: $('.js-floor'),\n btns: $('#elevator .js-btn'),\n backtop: $('#elevator .js-backtop'),\n selected: 'selected',\n visible: {isHide: 'yes', numShow: 400},\n show: function() {\n $('#elevator').slideDown(400);\n },\n hide: function() {\n $('#elevator').slideUp(400);\n }\n });\n

4. require.js example \u5355\u51fb\u6211\u770b Demo \u6548\u679c

\u8fd9\u662f\u4e00\u4e2a require.js \u7684\u5b9e\u4f8b

5. \u6a21\u62df segmentfault \u6587\u7ae0\u5bfc\u822a \u5355\u51fb\u6211\u770b Demo \u6548\u679c

Javascript:

 // \u83b7\u53d6 Markdown \u4e2d\u7684\u6807\u9898\n var $demo = $('#demo'),\n $titles = $('h2'),\n $nav = $demo.find('.list'),\n $highlight = $demo.find('.highlight'),\n STR = '';\n // \u586b\u5145\u6807\u9898\n $titles.each(function(){\n STR += '<li><a>'+ $(this).text() +'</a></li>';\n });\n $nav.html(STR);\n // \u8c03\u7528 ielevator\n $demo.ielevator({\n floors: $titles,\n btns: $('#demo li'),\n sticky: 10,\n selected: $highlight\n });\n

\u8fd9\u5957 \u63d2\u4ef6\u5e93 \u7684\u5f00\u53d1\u65f6\u95f4\u5e94\u8be5\u633a\u957f\u7684\uff0c\u4ece\u5de5\u4f5c\u5230\u73b0\u5728 3 \u5e74\u4e86\uff0c\u90fd\u662f\u5728\u5b9e\u9645\u7684\u9879\u76ee\u5b9e\u8df5\u4e2d\u6162\u6162\u5b8c\u5584\u8d77\u6765\u7684\u2026\u2026\u8fd8\u662f\u5f88\u7a33\u5b9a\u5427\u3002 \u7c7b\u578b\u4e0a\u6ee1\u8db3\u4e86 web \u5f00\u53d1\u4e2d\u5e38\u89c1\u7684\u4e00\u4e9b\u9700\u6c42\uff1a\u8f6e\u64ad\u3001\u5168\u5c4f\u6eda\u52a8\u3001\u6807\u7b7e\u9875\u3001\u6eda\u52a8\u6761\u3001\u65e5\u5386\u3001\u81ea\u5b9a\u4e49\u4e0b\u62c9\u6846\u3001\u641c\u7d22\u5efa\u8bae\u7b49\u7b49\u2026\u2026

\u6211\u8ba4\u4e3a\u4e00\u4e2a\u63d2\u4ef6\u8bbe\u8ba1\u7684\u597d\u4e0d\u597d\uff0c\u9996\u5148\u5f97\u770b\u5176\u53c2\u6570\u7684\u8bbe\u7f6e\u662f\u5426\u89c4\u8303\uff01\u6bd4\u5982\uff1a\u53c2\u6570\u8bed\u4e49\u662f\u5426\u548c\u529f\u80fd\u5339\u914d\uff0c\u53c2\u6570\u662f\u5426\u6709\u5fc5\u8981\uff0c\u662f\u5426\u72ec\u7acb\u7b49\u7b49\u3002\u5982\u679c\u4e00\u4e2a\u63d2\u4ef6\u8bbe\u8ba1\u7684\u4e0d\u89c4\u8303\uff0c\u5f88\u53ef\u80fd\u5728\u8bbe\u7f6e\u4e00\u4e2a\u53c2\u6570\u7684\u540c\u65f6\u5f71\u54cd\u5230\u53e6\u4e00\u4e2a\u53c2\u6570\u2026\u2026 \u4e4b\u524d\u89c1\u8fc7\u4e00\u4e2a\u8f6e\u64ad\u63d2\u4ef6\uff0c\u4f5c\u8005\u5728\u8bbe\u8ba1\u63d2\u4ef6\u7684\u65f6\u5019\u8003\u8651\u5c31\u6709\u6240\u6b20\u59a5\uff0c\u5411\u5de6\u6eda\u52a8 left \uff0c\u5411\u5de6\u5faa\u73af\u6eda\u52a8 leftMarquee \u2026\u2026

\u53e6\u5916\uff0c\u63d2\u4ef6\u7684\u53ef\u62d3\u5c55\u6027\u548c\u662f\u5f88\u91cd\u8981\u7684\uff0c\u5904\u7406\u63d2\u4ef6\u5185\u5bb9\u7684\u4e8b\u4ef6\u8c03\u7528\uff0c\u8fd8\u9700\u8981\u63d0\u4f9b\u65b9\u6cd5\u8c03\u7528\uff0c\u8fd9\u6837\u5728\u6a21\u5757\u5916\u9700\u8981\u63a7\u5236\u63d2\u4ef6\u5c31\u65b9\u4fbf\u591a\u4e86\uff5e\u4e3a\u6b64\u6211\u8bbe\u8ba1\u7684\u63d2\u4ef6\u9664\u4e86\u5fc5\u8981\u7684\u53c2\u6570\u8bbe\u7f6e\u5916\uff0c\u8fd8\u6709\u56de\u8c03\u51fd\u6570\uff01 \u4ee5\u8f6e\u64ad\u4e3a\u4f8b\u65b9\u6cd5 \u8c03\u7528\u5c31\u53ef\u4ee5\u662f\u8fd9\u6837\u7684\uff1a $(selector).slider(options,callback(api));

\u76ee\u524d\u8fd9\u4e2a\u8f6e\u64ad\u5df2\u7ecf\u652f\u6301\u4e86\uff1a\u54cd\u5e94\u5f0f\u5e03\u5c40\uff0c\u624b\u52bf\u952e\u76d8\uff0c x \u548c y \u8f74\u6eda\u52a8\uff0c\u65e0\u7f1d\u6eda\u52a8\uff0c\u4e0d\u5b9a\u5c3a\u5bf8\u6eda\u52a8\uff0c 10 \u4f59\u79cd\u52a8\u753b\u6548\u679c\u7b49\u7b49\u7279\u70b9\uff01

\u63d2\u4ef6\u5e93\u7684\u6f14\u793a\u5730\u5740\uff1a http://passer-by.com/widget/\n\u611f\u5174\u8da3\u7684\u53ef\u4ee5\u5728 github \u4e0a\u5173\u6ce8\u9879\u76ee\uff1a https://github.com/mumuy/widget

 <div id=\"exampleModal\"> \u3002\u3002\u3002</div>\n <button data-toggle=\"modal\" data-target=\"#exampleModal\"></button>\n \n $('#exampleModal').on('show.bs.modal', function(event) {\n \t$.ajax(...);\n $(this).modal('hide');\n });\n

\u7b2c\u4e00\u6b21\u6253\u5f00\u7a97\u53e3\u4f1a\u6709\u4e00\u6b21 ajax \uff0c\u4e0d\u5237\u65b0\uff0c\u7b2c\u4e8c\u6b21\u6253\u5f00\u7a97\u53e3\u4f1a\u6709\u4e24\u6b21 ajax \u3002\u662f\u56e0\u4e3a$('#exampleModal')\u91cd\u590d\u6346\u7ed1 modal \u3002\u600e\u6837\u624d\u80fd\u5728\u4e0d\u5237\u65b0\u524d\u63d0\u4e0b\u591a\u6b21\u6253\u5f00\u7a97\u53e3\u4f46\u53ea\u7ed1\u5b9a\u4e00\u4e2a modal \u3002

\u672c\u4eba\u9700\u8981\u4e00\u4e2a jq \u6784\u5efa form \u8868\u5355\u7684\u63d2\u4ef6\uff0c\u4f46\u662f\u6ca1\u6709\u627e\u5230\u50cf \u5e26\u6709\u5220\u683c\u7684\u53ef\u89c6\u5316\u5e03\u5c40,\u6240\u4ee5\u60f3\u4ed8\u8d39\u5f04\u4e00\u4e2a\u5728\u62d6\u62fd\u6784\u5efa\u8868\u5355\u57fa\u7840\u4e4b\u4e0a\uff0c\u53ef\u4ee5\u5148\u6784\u5efa\u5220\u683c\u7cfb\u7edf(\u5220\u683c\u53ef\u4ee5\u8bbe\u7f6e\uff0c\u6bd4\u5982\u6211\u53ef\u4ee5\u8bbe\u7f6e 1-2-9 or 4-4-4 \u8fd9\u6837\u7684\u5f62\u5f0f)\uff0c\u7136\u540e\u5f80\u5220\u683c\u91cc\u9762\u653e\u4e0d\u540c\u7684 form \u7ec4\u4ef6\uff0c\u8fd8\u6709\u5c31\u662f\u53ef\u4ee5\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u7684\u529f\u80fd\uff08\u6bd4\u5982\u6211\u9700\u8981\u56fe\u7247\u62d6\u62fd\u4e0a\u4f20\uff0c\u6211\u53ef\u4ee5\u65b9\u4fbf\u7684\u81ea\u5b9a\u4e49\u4e00\u4e2a\u7ec4\u4ef6\uff09\uff0c\u5982\u679c\u53ef\u4ee5\uff0c\u6b22\u8fce\u7559\u8a00\uff0c\u6211\u53ef\u4ee5\u5230\u5f00\u6e90\u4e2d\u56fd\u5916\u5305\u6216\u8005 coding \u7684\u7801\u5e02\u5e73\u53f0\u53d1\u5e03\u62db\u52df\uff0c\u901a\u8fc7\u8fd9\u79cd\u4ea4\u6613\u6765\u8ba9\u53cc\u65b9\u653e\u5fc3\uff01

jq form \u6784\u5efa\u7684\u4f8b\u5b50

\n
• demo1
\n
• demo2
\n
• \u66f4\u591a
\n

\u8fd9\u5957 \u63d2\u4ef6\u5e93 \u7684\u5f00\u53d1\u65f6\u95f4\u5e94\u8be5\u633a\u957f\u7684\uff0c\u4ece\u5de5\u4f5c\u5230\u73b0\u5728 3 \u5e74\u4e86\uff0c\u90fd\u662f\u5728\u5b9e\u9645\u7684\u9879\u76ee\u5b9e\u8df5\u4e2d\u6162\u6162\u5b8c\u5584\u8d77\u6765\u7684\u2026\u2026\u8fd8\u662f\u5f88\u7a33\u5b9a\u5427\u3002\n\u7c7b\u578b\u4e0a\u6ee1\u8db3\u4e86 web \u5f00\u53d1\u4e2d\u5e38\u89c1\u7684\u4e00\u4e9b\u9700\u6c42\uff1a\u8f6e\u64ad\u3001\u5168\u5c4f\u6eda\u52a8\u3001\u6807\u7b7e\u9875\u3001\u6eda\u52a8\u6761\u3001\u65e5\u5386\u3001\u81ea\u5b9a\u4e49\u4e0b\u62c9\u6846\u3001\u641c\u7d22\u5efa\u8bae\u7b49\u7b49\u2026\u2026

\u6211\u8ba4\u4e3a\u4e00\u4e2a\u63d2\u4ef6\u8bbe\u8ba1\u7684\u597d\u4e0d\u597d\uff0c\u9996\u5148\u5f97\u770b\u5176\u53c2\u6570\u7684\u8bbe\u7f6e\u662f\u5426\u89c4\u8303\uff01\u6bd4\u5982\uff1a\u53c2\u6570\u8bed\u4e49\u662f\u5426\u548c\u529f\u80fd\u5339\u914d\uff0c\u53c2\u6570\u662f\u5426\u6709\u5fc5\u8981\uff0c\u662f\u5426\u72ec\u7acb\u7b49\u7b49\u3002\u5982\u679c\u4e00\u4e2a\u63d2\u4ef6\u8bbe\u8ba1\u7684\u4e0d\u89c4\u8303\uff0c\u5f88\u53ef\u80fd\u5728\u8bbe\u7f6e\u4e00\u4e2a\u53c2\u6570\u7684\u540c\u65f6\u5f71\u54cd\u5230\u53e6\u4e00\u4e2a\u53c2\u6570\u2026\u2026\n\u4e4b\u524d\u89c1\u8fc7\u4e00\u4e2a\u8f6e\u64ad\u63d2\u4ef6\uff0c\u4f5c\u8005\u5728\u8bbe\u8ba1\u63d2\u4ef6\u7684\u65f6\u5019\u8003\u8651\u5c31\u6709\u6240\u6b20\u59a5\uff0c\u5411\u5de6\u6eda\u52a8 left \uff0c\u5411\u5de6\u5faa\u73af\u6eda\u52a8 leftMarquee \u2026\u2026

\u53e6\u5916\uff0c\u63d2\u4ef6\u7684\u53ef\u62d3\u5c55\u6027\u548c\u662f\u5f88\u91cd\u8981\u7684\uff0c\u5904\u7406\u63d2\u4ef6\u5185\u5bb9\u7684\u4e8b\u4ef6\u8c03\u7528\uff0c\u8fd8\u9700\u8981\u63d0\u4f9b\u65b9\u6cd5\u8c03\u7528\uff0c\u8fd9\u6837\u5728\u6a21\u5757\u5916\u9700\u8981\u63a7\u5236\u63d2\u4ef6\u5c31\u65b9\u4fbf\u591a\u4e86\uff5e\u4e3a\u6b64\u6211\u8bbe\u8ba1\u7684\u63d2\u4ef6\u9664\u4e86\u5fc5\u8981\u7684\u53c2\u6570\u8bbe\u7f6e\u5916\uff0c\u8fd8\u6709\u56de\u8c03\u51fd\u6570\uff01\n\u4ee5\u8f6e\u64ad\u4e3a\u4f8b\u65b9\u6cd5\n\u8c03\u7528\u5c31\u53ef\u4ee5\u662f\u8fd9\u6837\u7684\uff1a\n$(selector).slider(options,callback(api));

\u76ee\u524d\u8fd9\u4e2a\u8f6e\u64ad\u5df2\u7ecf\u652f\u6301\u4e86\uff1a\u54cd\u5e94\u5f0f\u5e03\u5c40\uff0c\u624b\u52bf\u952e\u76d8\uff0c x \u548c y \u8f74\u6eda\u52a8\uff0c\u65e0\u7f1d\u6eda\u52a8\uff0c\u4e0d\u5b9a\u5c3a\u5bf8\u6eda\u52a8\uff0c 10 \u4f59\u79cd\u52a8\u753b\u6548\u679c\u7b49\u7b49\u7279\u70b9\uff01

\u63d2\u4ef6\u5e93\u7684\u6f14\u793a\u5730\u5740\uff1a http://passer-by.com/widget/\n\u611f\u5174\u8da3\u7684\u53ef\u4ee5\u5728 github \u4e0a\u5173\u6ce8\u9879\u76ee\uff1a https://github.com/mumuy/widget

\u81ea\u52a8\u5237\u65b0\u7684\u65f6\u5019\u7ecf\u5e38\u5c31\u4e0d\u52a0\u8f7d\u5176\u4ed6\u63d2\u4ef6\u7684 js \u4e86

\u95ee\u9898\u5730\u5740\uff1asegmentfault

\u8c37\u6b4c\u627e\u4e86\u4e00\u4e0b\uff0c\u57fa\u672c\u4e0a\u90fd\u8bf4\u6539\u540e\u53f0\uff0c\u4f46\u662f\u522b\u4eba\u5bb6\u7684\u540e\u53f0\uff0c\u52a8\u4e0d\u4e86\u5566\u3002\u5e2e\u5fd9\u770b\u770b\u3002