如何在调用e.preventdefault后启用点击方法？

$('div.view-more').on('click', function(e){ 
e.preventDefault(); 
$(this).find('div.hidden-box').slideToggle('click'); 






});

我有一个视图更多的按钮，当我点击它时，幻灯片下了一组隐藏的图像。但是，当我尝试点击图像时，它并没有在浏览器中打开一个新的页面以在全视图中查看它，而是只是上下切换一组图像。任何方式我只能将preventDefault应用于view more按钮，同时能够在新选项卡中打开图像？谢谢如何在调用e.preventdefault后启用点击方法？

来源

2014-09-30 DCastillo

的可能重复的[如何使用后event.preventDefault（）以触发事件（http://stackoverflow.com/questions/7610871/how-to-trigger-an-event-after-using- event-preventdefault） – davidcondrey 2014-09-30 01:17:20

你能点击代码段按钮并粘贴一些html，css和js吗？我有一种感觉，你的.view-more div覆盖了下拉div，所以当你认为你点击其中一个图像时，你实际上仍然点击.view-more div。 – manishie 2014-09-30 04:50:44

嘿，我刚刚发布了网页的html。 – DCastillo 2014-09-30 16:25:19

<div class="view-more"> 
     <a href="#"> <span class="glyphicon glyphicon-chevron-down"> 
      <p style="text-align: center; border: none;"> View More</p> </span> 
     </a> 
     <div class="container hidden-box"> 
     <div class="row"> 
      <div class="col-xs-6 col-md-3"> 
      <a href="http://s25.postimg.org/pbnotgoan/9e314e76731911e2ade722000a1faea4_7.jpg" class="thumbnail" target="_blank"> 
       <img src="http://s25.postimg.org/pbnotgoan/9e314e76731911e2ade722000a1faea4_7.jpg" data-src="holder.js/100%x180" style="height: 200px; width: 100%; display: block;" alt="..."> 
      </a> 
      </div> 

      <div class="col-xs-6 col-md-3"> 
      <a href="http://s25.postimg.org/rvjbnkbun/1425791_599182570117896_1105202663_n.jpg" class="thumbnail" target="_blank"> 
       <img src="http://s25.postimg.org/rvjbnkbun/1425791_599182570117896_1105202663_n.jpg" data-src="holder.js/100%x180" style="height: 200px; width: 100%; display: block;" alt="..."> 
      </a> 
      </div> 

      <div class="col-xs-6 col-md-3"> 
      <a href="http://s25.postimg.org/i9pr79kov/10561737_10204539160577633_8045091079031783280_n.jpg" class="thumbnail" target="_blank"> 
       <img src="http://s25.postimg.org/i9pr79kov/10561737_10204539160577633_8045091079031783280_n.jpg" data-src="holder.js/100%x180" style="height: 200px; width: 100%; display: block;" alt="..."> 
      </a> 
      </div> 

      <div class="col-xs-6 col-md-3"> 
      <a href="http://s25.postimg.org/u1dmi2fb3/1_10201552746799155_796052209_n.jpg" class="thumbnail" target="_blank"> 
       <img src="http://s25.postimg.org/u1dmi2fb3/1_10201552746799155_796052209_n.jpg" data-src="holder.js/100%x180" style="height: 200px; width: 100%; display: block;" alt="..."> 
      </a> 
      </div> 



     </div> <!-- end of row --> 
     </div> <!-- end of hidden box --> 
    </div>

来源

2014-09-30 16:24:30 DCastillo

只是想通了。显然，view-more div正在围绕着div.hidde-box。视图 - 更多的是作为父母。现在他们是兄弟姐妹。

我也在我的js文件中使用了这段代码。

$('div.view-more').on('click', function(e){ 
      e.preventDefault(); 
      $(this).siblings('div.hidden-box').slideToggle(); 


      });

来源

2014-10-02 01:38:29 DCastillo

如何在调用e.preventdefault后启用点击方法？

回答

相关问题