Z-Blog Wiki Z-Blog Wiki

Z-Blog官方文库

用户工具

站点工具


zblogphp:development:theme:zbpjsf

这是本文档旧的修订版!


Z-BlogPHP 自定义前端脚本

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

自由引入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,以防止冲突。

更多系统事件代码请参考: zblogphp.orig.js

zblogphp/development/theme/zbpjsf.1480383832.txt · 最后更改: 2016/11/29 09:43 由 yszm