Z-BlogPHP主题评论模块开发一,前端js部分

作者: JONE 分类: 编程 发布时间: 2020-04-08 14:01

首先得引入js资源文件JavaScript

<!--- 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代码JavaScript

// 解绑系统事件
zbp.plugin.unbind("comment.reply.start", "system");

//绑定评论回复事件  可进行点击回复按钮时移动评论框操作
zbp.plugin.on("comment.reply.start", "default", function(id) {

  var i = id
  $("#inpRevID").val(i);  //赋值 父级id字段

  var cancel = $("#cancel-reply");  //获取 回复操作的DOM对象

  cancel.show().click(function() { // 取消回复时触发
    

    $("#inpRevID").val(0); // 赋值 父级id字段

    return false
  });

  try {
    $('#txaArticle').focus()
  } catch (e) {

  }

  return false
})

//绑定评论取得事件(一般是翻页等操作),取消回复状态(即取消评论框移动)
zbp.plugin.on("comment.get", "default", function (logid, page) {
  
  console.log(logid);
  console.log(page);
  // 编写评论翻页的js代码
  
})

// 绑定评论取得事件(一般是翻页等操作),取消回复状态(即取消评论框移动)
zbp.plugin.on("comment.got", "default", function (data) {
  $("#cancel-reply").click();
  
  console.log(data);
 
})

// 评论成功js事件绑定
zbp.plugin.on("comment.post.success", "default", function () {
  $("#cancel-reply").click();
    // 编写评论成功的js代码
})