代码之家 › 专栏 › 技术社区 › Cybernetic

在azle中动态添加内容时了解目标实例

azle

0

Cybernetic · 技术社区 · 6 年前

假设我想在每次用户单击添加按钮时添加内容。所以我创建了我的按钮:

add_button('my_sections', 1, {
    "this_class" : "add_button",
    "text" : "ADD"
    })

然后我创建一个 添加_content()函数 为了动态添加一些内容,假设每次用户单击我的按钮时都要添加一个摄像头图标:

function add_content() {

    add_icon('my_sections', 1, {
        "this_class" : "cameras",
        "icon_class" : "fa-camera"
    })

    all_style_icon('cameras', {
        "font-size" : "20px",
        "margin" : "5px",
        "cursor" : "pointer"
    })

}

然后我简单地 向我的按钮添加事件 ,要调用我的add_content()函数:

add_event('add_button', 1, {
        "type" : "click",
        "function" : "add_content()"
        })

这会产生预期的行为:

但是如果我想要怎么办 每个图标都有自己的事件 ?例如,当用户单击相机时,我希望有一个独特的警报。由于add_event()函数需要一个目标实例,如何每次传递新实例以添加_event()?

1 回复 | 直到 6 年前

1

0

Cybernetic 6 年前

一种选择是使用 jquery直接 只需将具有该类的元素总数作为目标实例。例如,假设您在数组中有唯一的警报消息:

my_alerts = ['camera 1','camera 2','camera 3','camera 4','camera 5']

现在可以在add_content()函数的末尾添加以下内容:

add_event('cameras', $('.cameras').length, {
    "type" : "click",
    "function" : "alert('" + my_alerts[$('.cameras').length - 1] + "')"
    })

…在每个图标上给您一条独特的消息单击:

另一个选择是 使用azle 通过呼叫 最后一个\类\实例 功能。这样,您只需传入类名,它就会返回该类最后创建的元素:

this_alert = my_alerts[last_class_instance('cameras')-1]

add_event('cameras', last_class_instance('cameras'), {
    "type" : "click",
    "function" : "alert('" + this_alert + "')"
    })

显然,您需要限制添加到警报消息数量中的图标数量。