草庐IT

mapbox鼠标样式

全部标签

javascript - 如何覆盖(overwrite)material-ui(React)中的类和样式

我使用的是material-ui的1.2.1版我正在尝试覆盖AppBar组件要透明。该文档概述了如何覆盖样式here.我的代码:importReact,{Component}from'react';importAppBarfrom'@material-ui/core/AppBar';importToolbarfrom'@material-ui/core/Toolbar';importlogofrom'../Assets/logo.svg';classNavigationBarextendsComponent{render(){conststyles={root:{backgroundC

javascript - 过滤掉有CSS样式显示的JQuery元素 :none

选择器为我提供了一组元素。在元素集中,我有1或2个元素具有CSS属性display:none。我必须删除这些元素并获取显示的元素。如何使用JQuery完成此操作? 最佳答案 您可以使用.filter()。vardisplayed=$('mySelector').filter(function(){varelement=$(this);if(element.css('display')=='none'){element.remove();returnfalse;}returntrue;});这将从您的选择器中返回属性displayno

javascript - 触摸屏和 Javascript DOM 鼠标按下事件

我有一个使用触摸屏的javascript网络应用程序,浏览器是基于webkit的。我遇到了这个问题:addEventListener("mousedown",function(event){console.log('downfired');event.target.classList.add('down');},true);当使用鼠标时,目标元素类在按住鼠标时立即添加,但当使用触摸屏时,当手指按住元素时目标元素类不会改变。然而,奇怪的是,控制台日志消息是在鼠标单击和ts按下的按下事件上发送的。关于如何解决这个问题有什么建议吗??谢谢编辑我添加了touchstart事件监听器,但它不会在

javascript - 如何重置 Highcharts 中系列的样式?

我正在使用Highcharts将一些图表呈现到我的网站。有时,我需要从图表中删除所有系列并向图表添加一些新系列,因为我通过ajax请求了一些新数据。我目前是这样做的:varchart=$('#container').highcharts();while(chart.series.length){chart.series[0].remove();}chart.addSeries({data:[144.0,176.0,29.9,71.5,106.4,129.2,135.6,148.5,216.4,194.1,95.6,54.4]});chart.addSeries({data:[129.2

javascript - MapBox 清除所有当前标记

我创建了一个MapBox实例:varmap=newmapboxgl.Map({container:'map',style:'mapbox://styles/mapbox/streets-v9'});我需要清除所有标记,并尝试对每个标记进行map.remove(marker)之类的操作,以及其他一些操作,但似乎没有任何效果。是否有一个简单的函数调用来清除map上的所有标记?编辑:不同于Howtoremovealllayersandfeaturesfrommap?因为我在控制台中得到“eachLayer不是公认的功能”(或类似的)。 最佳答案

javascript - d3.select(this) 适用于鼠标悬停,但不适用于鼠标悬停时调用的函数

我是javascript的新手,目前正在努力选择this对象,同时尝试进行d3选择。我制作了以下示例,其中包含我正在调用的函数和一个onmousemove事件:functionchangeFont(){d3.select(this).attr('font-size','2em')}....on('mousemove',function(){varmouse=d3.mouse(this);varxVal=mouse[0];//thiswouldwork,butnotwhenitscalledinafunction//d3.select(this)//.attr('font-size','

javascript - 为什么 jQuery 在使用样式标签填充 iframe 时会删除 body 和 head 标签?

如果我运行以下代码,body和head标签将被删除。test$('iframe').load(function(){varcontents=$('iframe').text();$('iframe').contents().find('html').html(contents);});如果我随后删除样式标签,一切都会正确显示。为什么会这样,我怎样才能让它停止移除head和body标签?我希望内容按原样填充,无需任何操作。 最佳答案 我遇到了同样的问题并从thisSOquestion中学到了东西实际上是浏览器在解析innerHTML属

javascript - 带有 jQ​​uery ui 主题的自动样式复选框

(此处为jQuery菜鸟)我正在尝试编写一个脚本,当我编写时会自动将其转换为jQueryUI按钮,看起来像一个复选框。到目前为止的示例代码...varnewCheckboxID=0;$("input:checkbox").attr('id',"cbx-"+nextCheckboxID++);//howtodothat?$("input:checkbox").after("");$("input:checkbox").next().attr("for",$(this).attr('id'));//doesn'tworkforsure$("input:checkbox").button()

javascript - 没有jquery我需要找出鼠标是否在一个元素上,而不是确定它何时结束(以防它不移动触发onmouseover)

没有jquery基本上我正在寻找的是在倒计时结束时查看鼠标是否在div上的能力如果用户在div上,则对该div执行操作onmouseover只在鼠标越过div的阈值时触发,如果鼠标没有移动就不会触发,所以不行我需要确定鼠标当前是否在特定时间点位于div上,是否已从起点移动我所有的搜索都只找到了onmousover,而没有看到鼠标是否恰好在那里开始我没有javascript技能来确定div的整体坐标,然后映射鼠标坐标并查看它是否适合那里...这是我认为我需要做的 最佳答案 在thisSOquestion上阅读第二个答案(具有数百万个a

javascript - CSS 样式可见性未按预期运行

我有一个带有基本选项卡控件的html页面。我使用javascript来显示和隐藏选项卡和选项卡内容div。我的问题是,如果我将其中一个选项卡内容div中某个元素的可见性更改为“隐藏”,然后再更改为“可见”,该元素似乎忘记或丢失了其父div容器并保持可见,无论其原始内容如何parent可见度。为了说明,请看下面的例子:functionhideTab(){document.getElementById('tab1').style.visibility='hidden'}functionshowTab(){document.getElementById('tab1').style.visib