0

我的代码有问题，让我先粘贴我的代码，大部分都不重要，只是它的上下文。

                $("#navbar > a").click(function(event) {
                $('#controls').show();
                var currentNum = parseInt($(this).attr('class'), 10);
                document.getElementById('pNum').innerHTML = "pg. " + (currentNum + 1);
                event.preventDefault();

                var t2 = ($(this).attr('id')).split("#");
                var $tr = $(zip.file(localStorage.selected + "/" + t2[0]).asText());
                document.getElementById('main').innerHTML = "";
                $('#main').append($tr);
                document.getElementById(t2[1]).scrollIntoView()
                current = ($(this).attr('class'));
                $(function() {
                    $("#main img").each(function() {
                        var imgPath = localStorage.selected + "/" + $(this).attr('src');
                        var imageData = zip.file(imgPath).asBinary();
                        $(this).attr('src', 'data:image/jpeg;base64,' + btoa(imageData)); 
                    });

                });

                $("#main a").click(function(event){
                    event.preventDefault();
                    var elems = ($(this).attr('href')).split("#");
                    var $path = $(zip.file(localStorage.selected + "/" + elems[0]).asText());
                    document.getElementById('main').innerHTML = "";
                    $('#main').append($path);
                });
            });

现在底部的点击事件只有在我将它放在创建内容的代码中时才有效，这不应该是这种情况，其次它只工作一次，在我第一次调用它之后它拒绝工作，任何建议?

4

2 回答 2

4

听起来您想改用事件委托。例如：

$(document).on('click', '#main a', function(event){
    event.preventDefault();
    var elems = ($(this).attr('href')).split("#");
    var $path = $(zip.file(localStorage.selected + "/" + elems[0]).asText());
    document.getElementById('main').innerHTML = "";
    $('#main').append($path);
});

问题是该$('#main a').click(...)方法要求#main a在绑定单击处理程序时元素已经存在于页面上。

事件委托允许您侦听文档（或任何其他将始终存在的元素）上的单击事件，并查看该事件是否源自某个#main a元素。这使您可以即时添加/删除元素，而不必担心哪些元素已绑定或尚未绑定单击处理程序。

于 2013-04-10T18:19:54.233 回答
2

我以前遇到过这个问题，你试过用这个吗？：

$("<element id>").on( 'click', this, function ()
{
      // Your code here
}

参考：http ://api.jquery.com/on/

编辑*抱歉之前没有看到答案（上面的答案中有更好的解释） - 但我会保留我的供参考。

于 2013-04-10T18:23:20.423 回答