Z-Blog Wiki

本页面只读。您可以查看源文件，但不能更改它。如果您觉得这是系统错误，请联系管理员。
====== Z-BlogPHP 自定义前端脚本 ======

自Z-BlogPHP1.5版本开始，我们提供了[[zblogphp:development:features:1.5:zbpjf]]，针对前端引入接口开发机制，通过ZBPJF可以方便的自定义系统js事件处理，或注册新事件，为应用开发者提供了便利。

===== 自由引入JS模块 =====
在ZBP1.5+版本中，开发者将不再需要引入从前100+KB的zb_system/script/common.js了，你可以更加自由引用所需要的JS组件了，现在你的主题头部JS引用可以是这样的
<code html>
<!--- 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>
</code>

===== 简化前端脚本事件 =====
在'' zb_users/theme/THEMEID/script/common.js ''中你只需绑定需要的事件进行个性化即可，如
<code javascript>
//解绑系统事件
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();
});
</code>

<note>应注意：THEMEID 是指你的主题或者插件ID，以防止冲突。
更多系统事件代码请参考：https://github.com/zblogcn/zblogphp/blob/master/zb_system/script/zblogphp.orig.js
</note>
Z-Blog Wiki

用户工具

站点工具

页面工具
