jquery拦截

在另一个问题的讨论中，我意识到拦截点击和更新区域而不刷新整个页面。问题是，下面的代码似乎对我来说是正确的，我没有收到任何错误，但是从其他页面获取的数据根本不显示。请指教。jquery拦截

主页

$('ul.thumbs li.pagination a').live('click', function() { 
     var pageNumber = parseInt($(this).text().replace(/[^0-9]/g, '')); 

    $(function ViewImages() { 
     $.ajax({ 
     type: "GET", 
     url: "/FLPM/cp/images.cs.asp?Process=ViewImages&PAGEID=" + pageNumber, 
     success: function(data) { 
     $("#ViewImages").html(data); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
     $("#ViewImages").html('.'); 
     } 
     }); 
    }); 

     return false; 
    }); 

<div id="ViewImages">          
</div>

页面，数据奠定

 <ul class="thumbs"> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/5P2B4K5M_sm.jpg" alt="Forest Flowers" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=21" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 

     <a href="#" class="thumb"><img src="/FLPM/media/news/images/6Z3L5U6W_sm.jpg" alt="Forest" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=20" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/8O5A7J8M_sm.jpg" alt="Dock" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=19" class="thumb"><span class="floatLeft">DELETE</span></a> 

    </li> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/9Q6B3Q4S_sm.jpg" alt="Desert Landscape" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=18" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 

     <a href="#" class="thumb"><img src="/FLPM/media/news/images/5B2N4W5Z_sm.jpg" alt="Creek" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=17" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li class="pagination">1.&nbsp;</li> 

     <li class="pagination"><a href="2">2.</a>&nbsp;</li> 

</ul>

来源

2010-03-12 zurna

HTML没有ID为“ViewImages”的元素，并且有机器可检测的错误：http://validator.w3.org/ – Quentin 2010-03-12 15:16:00

它实际上确实。我不认为有必要在这里添加它。对困惑感到抱歉。 – zurna 2010-03-12 15:29:57

我可能会错过一些东西，但是你在哪里调用ViewImages函数？或者为什么包装在$（）中？ – 2010-03-12 15:32:28

它看起来对我来说，你的函数定义是不必要的。也许这会更好地工作：

$('ul.thumbs li.pagination a').live('click', function() { 
    var pageNumber = parseInt($(this).text().replace(/[^0-9]/g, '')); 

    $.ajax({ 
     type: "GET", 
     url: "/FLPM/cp/images.cs.asp?Process=ViewImages&PAGEID=" + pageNumber, 
     success: function(data) { 
     $("#ViewImages").html(data); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
     $("#ViewImages").html('.'); 
     } 
    }); 

    return false; 
});

来源

2010-03-12 15:36:54

我真的没有看到这里的区别。那么，它既没有出错也没有工作。 http://www.refinethetaste.com/FLPM/cp/?Section=news&Process=AddNews – zurna 2010-03-12 16:06:10

你分页类是从您提供的HTML失踪。 $（'ul.thumbs li。分页 a'）

来源

2012-10-17 17:32:00 standingwave

这个'

' – Ibu 2012-10-17 17:35:35

回答

相关问题