jjzjj

Container

全部标签

javascript - jQuery .prev() 的纯 javascript 替代品?

我有这个jQuery代码:$(".q-block-container").prev(".sub-block-container").css("border-bottom","none");我需要一个纯JavaScript等价物,如果它与选择器匹配(在本例中为.sub-block-container),我可以选择ONLY。例如,假设我有一个列表,列表中的每个项目都有一个border-bottom风格。根据特定列表项之前的兄弟项,确定是否应应用边框:在此示例中,边框不得出现在前一个兄弟上元素如果:元素是q,前一个兄弟是s元素是s,前一个兄弟元素是q元素是s,前一个兄弟是s

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边

javascript - 是否可以仅使用 CSS 对 innerHTML 的更改进行动画处理?

我的纯JS脚本正在更改中的文本元素只需使用innerHTML.是否可以不使用jQuery而仅使用CSS为这种变化设置动画?如果是,怎么办?谢谢! 最佳答案 在设置innerHTML之前添加一些类到容器,通过CSS设置预动画状态,然后设置innerHTML并删除该类。如果容器设置了过渡,它应该动画到干净状态。.container{transition:all1s;max-height:300px;}.container.pre-animation{opacity:0;max-height:0;}setTimeout确保效果更明显var

javascript - 同位素 - 无法读取未定义的属性 'filteredItems'

我正在尝试让我的同位素帖子页面与加载更多按钮一起使用(如此处所示:https://codepen.io/bebjakub/pen/jWoYEO)。我有在Codepen上运行的代码,但我无法让它在网站上运行。工作代码笔(我的(过滤和加载更多)-https://codepen.io/whitinggg/pen/qyvVwz实时页面链接-Here我目前在控制台中看到关于我的isotope.js文件的错误:UncaughtTypeError:Cannotreadproperty'filteredItems'ofundefinedatloadMore(isotope.js?v=2.2.7:53)

javascript - 滚动图像选框javascript

我目前想制作多张图片的选取框,但我的代码只允许一张。你知道我可以向这段代码中添加多张图片吗?(我已经尝试将图像直接添加到正文中的div元素中-它不起作用。) 最佳答案 我已经为您整理了这样一个slider。不需要框架,尽管有一些跨浏览器问题我还没有处理(包括版本8之前的IE以不同方式处理scrollWidth)。首先,把代码整理成这样:像这样添加一些CSS:#marquee-container{width:500px;/*orwhateveryouwant*/margin:0auto;/*centersit*/overflow:hi

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - jQuery 随机淡入图像

我有一个容器,里面有很多小图片。...我将不透明度设置为0。(不隐藏)然后我想在半秒后显示(淡入)随机图像。例如第5、1、55...任何建议,非常感谢 最佳答案 试试这个//generaterandomnumbervarrandomnumber=Math.floor(Math.random()*$("#container").children().length);$(function(){//hidealltheimages(ifnotalreadydone)$("#container>img").hide();//settimeo

javascript - 脚本错误 : Unable to modify the parent container element before the child element is closed

脚本错误:在关闭子元素之前无法修改父容器元素。我应该怎么办?我单击"is",但未显示我的网页。在我的产品页面代码的开头,我有:http://pastebin.com/iiUfMq1v除IE8外,所有浏览器都运行良好,IE8是唯一会抛出任何类型错误的浏览器。有什么想法吗? 最佳答案 请检查这些链接http://answers.microsoft.com/en-us/ie/forum/ie8-windows_other/html-parsing-error-unable-to-modify-the-parent/e64759e0-d34

javascript - 使用 ajax 和 select2 设置数据属性

我正在尝试将数据属性设置为select2选项但没有成功,此时我有以下JS代码_properties.$localElement.select2({ajax:{url:"url",type:"POST",dataType:'json',delay:250,data:function(params){return{name:params.term,//searchtermtype:1};},processResults:function(data){return{results:$.map(data,function(item){return{text:item.name,source:i

微信小程序开发(八):page-container弹窗与share-element动画

page-container页面容器,可以在当前页面中弹出一个半屏的弹窗、或者在页面内加载一个全屏的子页面。当page-container组件显示时,用户进行返回操作时会关闭page-container容器,而不会关闭当前页面。每个页面最多只能显示一个page-container,如果在一个页面代码中定义了多个page-container,只有文档流中的第一个page-container能正常显示。属性show:是否显示page-container组件duration:动画时长z-index:默认100,显示在其他元素的上层overlay:是否显示遮罩层position:page-contai