Question

在我的html页面中，我有一个div元素作为子按钮。在javascript中，我将按钮附加到此div元素。

$.each(responseObj.me, function (i, me) {
    $('#subbutton').append('<input type="button" value=subscribe id="subscribe" background-color="green" onclick="">'+'</input>');
    var subscribe=check();

    function check()
    {       
        if(responseObj.me[i].isSubscribed==="false")
            {
            document.getElementById("subscribe").value="I Trust";

            $('#subbutton').click(function() {
                sub(text);
                document.getElementById("subscribe").value="Trusted";
            });           
        }       
        else 
        {
            document.getElementById("subscribe").value="Trusted";

            $('#subbutton').click(function() {  
            unsub(text);
            document.getElementById("subscribe").value="I Trust";             
        });          
    }           
}

但问题是，当我第一次点击按钮时，如果它没有订阅就可以订阅，并且如果它已经订阅则能够取消订阅。但是，如果我想再订阅谁取消订阅那么它不是unsubscribed ..sub（文本）是用于订阅人的函数，unsub（文本）是取消订阅人的函数。

Answer 1

你正在多次调用check方法吗？然后不是使用$（'#subbutton'）。click（）你必须使用$（'＃subbutton'）。unbind（“click”）。bind（“click”，function（）{}）; 因为它不会清除它首次初始化的click事件。它会调用两个函数。试试这种方式

Answer 2

你可以使用，

$(document).on("click",".subscribe",function(){
//your code here
});

我创建了一个jsfiddle。只是看看这是否是你的目标

http://jsfiddle.net/2dAf9/

更改按钮的值

2 个答案: