<!DOCTYPE html>
<html>
<head>
<title>Bootstrap \u5b9e\u4f8b – \u6a21\u6001\u6846\uff08Modal\uff09\u63d2\u4ef6\u4e8b\u4ef6<\/title>
<link href=”http:\/\/libs.baidu.com\/bootstrap\/3.0.3\/css\/bootstrap.min.css” rel=”stylesheet”>
<script src=”http:\/\/libs.baidu.com\/jquery\/2.0.0\/jquery.min.js”><\/script>
<script src=”http:\/\/libs.baidu.com\/bootstrap\/3.0.3\/js\/bootstrap.min.js”><\/script>
<\/head>
<body><\/p>\n\n\n\n
<h2>\u6a21\u6001\u6846\uff08Modal\uff09\u63d2\u4ef6\u4e8b\u4ef6<\/h2><\/p>\n\n\n\n
<!– \u6309\u94ae\u89e6\u53d1\u6a21\u6001\u6846 –>
<button class=”btn btn-primary btn-lg” data-toggle=”modal” data-zdy=”\u7b2c\u4e00\u4e2a\u6a21\u6001\u6846\u7684\u53c2\u6570” id=”modalid” >
\u7b2c\u4e00\u4e2a\u6a21\u6001\u6846
<\/button><\/p>\n\n\n\n
<button class=”btn btn-primary btn-lg” data-toggle=”modal” data-zdy=”\u6211\u5230\u6cb3\u5317\u7701\u6765” id=”modalid2″ >
\u7b2c\u4e8c\u4e2a\u6a21\u6001\u6846
<\/button><\/p>\n\n\n\n
<!– \u6a21\u6001\u6846\uff08Modal\uff09 –>
<div class=”modal fade” id=”myModal” tabindex=”-1″ role=”dialog”
aria-labelledby=”myModalLabel” aria-hidden=”true”>
<div class=”modal-dialog”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal”
aria-hidden=”true”>\u00d7
<\/button>
<h4 class=”modal-title” id=”myModalLabel”>
\u6a21\u6001\u6846\uff08Modal\uff09\u6807\u9898
<\/h4>
<\/div>
<div class=”modal-body” id=”mo-content” >
\u70b9\u51fb\u5173\u95ed\u6309\u94ae\u68c0\u67e5\u4e8b\u4ef6\u529f\u80fd\u3002
<\/div>
<div class=”modal-footer”>
<button type=”button” class=”btn btn-default”
data-dismiss=”modal”>
\u5173\u95ed
<\/button>
<button type=”button” class=”btn btn-primary”>
\u63d0\u4ea4\u66f4\u6539
<\/button>
<\/div>
<\/div><!– \/.modal-content –>
<\/div><!– \/.modal-dialog –>
<\/div><!– \/.modal –>
<script>
$(function () { $(‘#myModal’).modal(‘hide’)});
<\/script>
<script>
$(“#modalid”).click(function() {
\/\/ alert($(this).attr(“data-zdy”));
$(“#mo-content”).html($(this).attr(“data-zdy”));
$(“#myModal”).modal();
});
$(“#modalid2”).click(function() {
$(“#mo-content”).html($(this).attr(“data-zdy”));
$(“#myModal”).modal();
});<\/p>\n\n\n\n
<\/script><\/p>\n\n\n\n
<\/body>
<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html><html><head><title& […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":1,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/posts\/34\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.meihuaan.cn\/index.php\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}