js 为新增的原始添加事件

动态添加元素并绑定事件

最新推荐文章于 2024-06-10 13:43:26 发布

weixin_33796177

最新推荐文章于 2024-06-10 13:43:26 发布

阅读量84

点赞数

CC 4.0 BY-SA版权

文章标签： python 前端 javascript ViewUI

原文链接：https://my.oschina.net/u/2419285/blog/834921

本文介绍了一种在页面运行时动态添加div元素，并为其绑定点击等事件的方法。通过使用jQuery，可在元素被添加到DOM时立即绑定所需的事件处理器。

2019独角兽企业重金招聘Python工程师标准>>>

我不是专业的前端。可是往往有这样的情况，就是我们需要对某个<div> 添加一个比如点击事件。但是这样 div 是手动添加上去的，而且 div 的 id 还会变化。那么如何为该 div 添加事件呢。发现在页面加载之前写改方法是不会起效果的。 $(function() {

} 因此可以在添加该元素的时候，追加该元素的事件即可。：

//全列可编辑的编辑 jQuery(grid_selector).jqGrid('editRow', id); // 这里会为添加一个 input 元素， // 且 id 是： "#" + editRowid + "_myscore"

//为 评分 追加键盘事件，统计分数。
scoreblur();

//为编辑 input 元素添加事件 function scoreblur() {

//评分输入框键盘按下松开的时候,统计总分
$("#" + editRowid + "_myscore").keyup(function() {

    //输入的评分值
    var score = $("#" + editRowid + "_myscore").val();

    //权重
    var rowOneData = $(grid_selector).jqGrid('getRowData', editRowid);
    var weight = rowOneData.weight;
    if ((score) && (weight) && (!isNaN(score)) && (score >= 0 && score <= 100)) {
        var nowScorew = (score * weight * 0.01);

        var editScorew = (editRowScore * weight * 0.01);

        var totalScoreEdit = totalScore + nowScorew - editScorew;
        var totalScoreEdit2 = Math.floor(totalScoreEdit * 100) / 100;

        $("#pptotalScore").text(totalScoreEdit2);
        $("#ppAlltotalScore").text(totalScoreEdit2);

    }



});

}

转载于:https://my.oschina.net/u/2419285/blog/834921