Javascript “输入”按钮在刷新时更改，并且仅在一种形式下工作

我有一个输入按钮，按下时执行特定功能。当页面第一次加载时，按钮看起来像第一个图像-黄色按钮。当它看起来像这样时，当我按下按钮时，什么也没有发生

当我刷新页面几次时，它会变成第二个图像，按钮看起来是银色的。这一次，当我按下按钮；它起作用了

请注意，这两个图像之间的代码没有变化。我不明白两件事。1是按钮图像更改的原因。2.为什么按钮为黄色时不起作用？请告诉我什么是错误的，因为我希望最终输出是一个黄色的工作按钮。谢谢

图1

图2

输入声明如下：

$.getJSON("http://s.mx/public/user/listunpaidbills/",function(data){
        //Loop for each element on the data
        $.each(data,function(elem){
            var wrap = $("<div/>").attr('data-role', 'collapsible');
            identity.push(data[elem].id); 
            //Create the h1 and the other elements appending them to bills List
            $("<h1/>",{
                text:data[elem].reference
            }).appendTo(wrap);   
            $("<p/>",{
                text:"Account: "+ data[elem].account
            }).appendTo(wrap);        
            $("<p/>",{
                text:"Amount: "+ data[elem].amount
            }).appendTo(wrap);
            $("<p/>",{
                text:"ID: "+ data[elem].id
            }).appendTo(wrap);

            $("<input type='submit' value='Paid' class='myinput'>",{//input declared here
                text:"Paid"
            }).data('identityindex',count).appendTo(wrap);  


            wrap.appendTo('#unpaidList');    
            count++;         
        })//end of for each loop 
        $( "#unpaidList" ).collapsibleset( "refresh" );
});

$(".myinput").click(function(){  
            var $this = $(this);          
            var index = $this.data('identityindex'); //undefined.  
            $.getJSON("http://s.mx/public/user/confirmbill/", {
                id: identity[index] 
                }, function(data) {
                    alert(data.status); 
                }).fail(function() {
                    alert("error");
            });
        });
    });

$.getJSON（“http://s.mx/public/user/listunpaidbills/，函数（数据）{
//数据上每个元素的循环
$。每个（数据、功能（元素）{
var wrap=$（“”）.attr（'数据角色'，'可折叠'）；
identity.push（数据[elem].id）；
//创建h1和将其附加到账单列表的其他元素
$("",{
文本：数据[elem]。参考
}).附件（包装）；
$（“
”{
文本：“账户：”+数据[elem]。账户
}).附件（包装）；
$（“
”{
文本：“金额：”+数据[elem]。金额
}).附件（包装）；
$（“
”{
文本：“ID:”+数据[elem].ID
}).附件（包装）；
$（“”，{//此处声明的输入
正文：“已付”
}).data（'identityindex'，count.）。附加到（包装）；
wrap.appendTo（“#unpaidList”）；
计数++；
})//每个循环的结束
$（“#unpaidList”）.collapsableset（“刷新”）；
});
$（“.myinput”）。单击（函数（）{
var$this=$（this）；
var index=$this.data（'identityindex'）；//未定义。
$.getJSON（“http://s.mx/public/user/confirmbill/", {
id:标识[索引]
}，函数（数据）{
警报（数据、状态）；
}).fail（函数（）{
警报（“错误”）；
});
});
});

没有足够的代码来说明发生了什么。我已经编辑并插入了代码。您说付费提交没有任何作用，您是否在某处有单击功能？你能把它贴在你的问题上吗？我在点击功能中编辑并添加了它。