zoukankan      html  css  js  c++  java
  • 实例 (用到 阻止事件冒泡 event.stopPropagation();)

    本实例的效果来自于http://uc.webdev.lesongapp.cn/recruit_shaoyang/
    登录之后 搜索技能 展示结果 可点击搜索结果的某一列表 查看效果 其实是click之后一个展开和收缩的效果 只是每一个列表下面还有click事件
    function showMoreInfo(){ var infoListItemNode = $('#search_results_container .results-list li'); infoListItemNode.click(function(e){ var thisNode = $(this), networkSectionNode = thisNode.find('.network-info-section'); //e.stopPropagation(); 这个不用写,因为他是父元素了 if(networkSectionNode.is(':hidden')){ showNetworkUI(thisNode); } else { networkSectionNode.slideUp('slow'); } }); } function showNetworkUI(selection_id){ var parentNode = $(selection_id), networkDetailsSection = parentNode.find('.network-details'); parentNode.find('.network-info-section').slideDown('slow'); //showWeiboContent(networkDetailsSection); parentNode.find('.sns-item').each(function(){ var thisNode = $(this); thisNode.click(function(e){ e.preventDefault(); e.stopPropagation(); networkDetailsSection.empty(); $.log(networkDetailsSection.children().length); if(thisNode.hasClass('sina-weibo')){ showWeiboContent(networkDetailsSection); } else if (thisNode.hasClass('tx-weibo')){ showTXWeiboContent(networkDetailsSection); } else if (thisNode.hasClass('linkedin')){ showLinkedInContent(networkDetailsSection); } else if (thisNode.hasClass('renren')){ showRenrenContent(networkDetailsSection); } else if (thisNode.hasClass('kaixin')){ showKaixinContent(networkDetailsSection); } }); }); }
  • 相关阅读:
    位运算符
    java中利用itext编辑pdf
    BufferedInputStream实现原理分析
    java File的delete方法删除文件失败
    设置临时java环境
    Android IntentService完全解析 当Service遇到Handler
    关于启动模式
    ZTAndroid为什么要序列化?什么是序列化,怎么进行序列化
    android之数值传递
    关于启动模式之IntentFlag
  • 原文地址:https://www.cnblogs.com/mabelstyle/p/2913591.html
Copyright © 2011-2022 走看看