另一个 IE 错误：在使用 jquery 地址或至少使用 ajax 时，第 0 行发生堆栈溢出

Question

各位 stackoverflow 的朋友们大家好， 我构建了一个 ajax 图像库并使用 asual'jquery 地址进行深度链接。 加载图库后，单击图像时的第一次单击或缩略图的所有单击时都会发生错误。

基本上，我在图像上的代码是：

<li id="thumbnail_<?php echo $row->position;?>"><a href="javascript:;" onclick="javascript:setAddress('<?php echo $row->url;?>');"><img src="<?php echo $row->filePath;?>" /></a></li>

我在缩略图上的代码是：

<li id="thumbnail_<?php echo $row->position;?>"><a href="javascript:;" onclick="javascript:setAddress('<?php echo $row->url;?>');"><img src="<?php echo $row->filePath;?>" /></a></li>

这样，当我单击时，我使用 setAddress: 更改地址栏中的地址，

<script type="text/javascript">
    function setAddress(address){ 
        $.address.value(address.replace(/^#/, ''));
    }
</script>

然后检测地址的更改并重新加载图像（并相应地加载缩略图） ）在阿贾克斯。

<script type="text/javascript">
    $.address.change(function(event) { 
        checkAnchor();
    }); 

    function checkAnchor(){
        var albumId = <?php echo $albumId;?>;
        if($.address.value() != '' && $.address.value() != '/'){
            //get the id of the image
            var arData = $.address.value().split("-");
            var arIdExt = arData[1].split(".");
            var id = arIdExt[0];
            reloadImage(albumId,id,'0','curr');
        }else{
            reloadImage(albumId,id,'1','curr');
        }
    }

    function reloadImage(albumId, photoId, position, action){
    $("#imgLoading").show();
    var visibleThumbnails = <?php echo $visibleThumbnails;?>;
    var albumName = $("#albumName").val();
    $.post('/montreal/inc/ajax/changeImage.php',{albumId:albumId, photoId:photoId, position:position, action:action}, function(data){
        //data + photoposition=[url]
        var arData = data.split("photoposition=");
        if(position == 0){
            position = jQuery.trim(arData[1]);
        }

        $("#photo-details").html(arData[0]);
        $.address.title(albumName+" - Photo #"+position);
        $("#imgLoading").hide();

        //reload the thumbnails
        if(action == 'next'){               
            var maxThumbnails = <?php echo count($album->arPhotos['photos']);?>;
            var nextPosition = position+1;
            var currentRow = Math.ceil(position/visibleThumbnails);
            if(nextPosition > maxThumbnails){ nextPosition = 1;}                            
            if(position%visibleThumbnails == 0 || position == maxThumbnails){
                reloadThumbnails(currentRow,visibleThumbnails,albumId,nextPosition,'next');
            }else{//fix the activeposition of the reloadThumbnails
                reloadThumbnails(currentRow,visibleThumbnails,albumId,nextPosition,'curr');
            }               
        }else if(action == 'curr'){
            var maxThumbnails = <?php echo count($album->arPhotos['photos']);?>;
            var currentRow = Math.ceil(position/visibleThumbnails);
            reloadThumbnails(currentRow,visibleThumbnails,albumId,position,'curr');
        }
    },"html"  
);

} “第 0 行堆栈溢出”出现在单击之后和 setaddress 之前，因此我很困惑它可能来自哪里。单击错误消息后，没有任何反应，再次单击图像后，图库实际上可以工作。但是，如果我单击缩略图，则会出现错误，但如果再次单击缩略图，错误仍然会出现。

据我所知，这个错误是很常见的，通常是由循环或递归引起的。但我看不到，特别是当我只能在图库中第一次单击时才能看到它发生时。

有人提示我应该在哪里搜索吗？

错误示例： http://www.ckoi.com/montreal/照片/gala-des-gemeaux-tapis-rouge-194/

编辑： 经过一些测试，我意识到错误实际上是在我加载页面后发生的。无论我点击哪里，都会出现堆栈溢出。所以我更困惑了...但也许是因为我第一次用ajax加载图库？我会调查

Answer 1

来自原贴：

好的，我找到了。我真的不确定为什么这会给 IE 带来这么大的麻烦，但事实是这样的：

为了跟踪专辑标题并且不必在每次 ajax 调用中获取它，我将它保存在一个不可见的文件中。文本输入：

<input id="albumName" type="text" style="display:none;" value="<?php echo $album->name;?>"/>

如果标题在该隐藏输入中包含双空格，IE 就会抱怨...对我来说，这毫无意义，但现在它有效...

感谢大家的见解！希望这可以帮助其他人调试 IE....