这是本文档旧的修订版!
自Z-BlogPHP1.5版本开始,我们提供了Z-BlogPHP JavaScript Framework,针对前端引入接口开发机制,通过ZBPJF可以方便的自定义系统js事件处理,或注册新事件,为应用开发者提供了便利。
在ZBP1.5+版本中,开发者将不再需要引入从前100+KB的zb_system/script/common.js了,你可以更加自由引用所需要的JS组件了,现在你的主题头部JS引用可以是这样的
<!--- cdn 引入自定义jq版本 ---> <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js" type="text/javascript"></script> <!--- 引入ZBPJF ---> <script src="{$host}zb_system/script/zblogphp.js" type="text/javascript"></script> <!--- 引入系统动态 JS ---> <script src="{$host}zb_system/script/c_html_js_add.php" type="text/javascript"></script> <!--- 引入主题自定义 JS ---> <script src="{$host}zb_users/theme/{$theme}/script/common.js" type="text/javascript"></script>
在 zb_users/theme/THEMEID/script/common.js
中你只需绑定需要的事件进行个性化即可,如
//解绑系统事件 zbp.plugin.unbind("comment.reply", "system"); //绑定评论回复事件,点击回复按钮执行 zbp.plugin.on("comment.reply", "THEMEID", function(i) { if ($("#inpRevID").val() != 0) return false; $("#inpRevID").val(i); $("#AjaxComment" + i).next().after("<dl id=\"reply\">" + $("#postcmt").html() + "</dl>"); $("#postcmt").hide("slow").html(""); $("#cancel-reply").show().bind("click", function() { $("#inpRevID").val(0); $(this).hide().prev().show(); $("#postcmt").html($("#reply").html()).show("slow"); $("#reply").remove(); window.location.hash = "#comment"; return false; }).prev().hide(); $("#reply").show("slow"); window.location.hash = "#reply"; }); //绑定回复成功事件,成功发表后取消回复状态 zbp.plugin.on("comment.postsuccess", "THEMEID", function () { $("#cancel-reply").click(); });
应注意:THEMEID 是指你的主题或者插件ID,以防止冲突。