草庐IT

JavaScript:在放置之前检查 <div> 对象的宽度

考虑:$("#PlotPlace").append('Helloworld!');只有当结果文本的宽度小于60像素时,我才需要执行该行。如何在放置对象之前检查宽度? 最佳答案 不幸的是,div在渲染到DOM后只有一个宽度值。我会将该内容附加到文档的不显眼区域,甚至可能绝对定位以便不会发生流中断,并确保将其设置为“visibility:hidden”。这样它将被插入到DOM中并被渲染,但对查看者是不可见的。然后您可以检查其宽度,将其移动到位并在该点将其设置为“visibility:visible”。否则,您可以将其从文档中删除。

javascript - 如果超过 20 个,则删除旧的 div |查询

我的jQuery脚本需要一些帮助。我有一个每10秒刷新一次的页面,并且来自提要的新div被附加到。我的脚本对div进行计数,并在超过20个div时删除最后一个div。如果提要一次仅附加1个div,则此方法很好用。但是提要也可以同时附加多个div。发生这种情况时,计数可能会超过20个div的最大值。问题是我的脚本只删除了1个div,而不是所有超过20个的div。这是我的代码:var$auto_refresh=setInterval(function(){var$articleCount=$('div').length;if($articleCount>20){$('div:last-ch

javascript - 如何在两个 div 之间的 contenteditable div 中设置插入符号/光标位置

考虑以下内容可编辑的div。boldtextboldtext如果我将光标放在两个div之间并开始键入文本,则文本会变成粗体,而不是在两个div之间插入一个新的文本节点。如果您回到家并尝试在第一个div前面键入内容,也会发生同样的情况。它成为第一个div的一部分。如果我检查从选择返回的范围的startContainer,我会得到其中一个div的内容,而不是我期望的空文本节点。$('#EDITABLE').focus();varselection=window.getSelection();varrange=document.createRange();vardiv=$('#div2').

javascript - 尝试将 svg 从一个 div 移动到另一个时,是什么导致层次结构请求错误?

我正在尝试将svg从一个div移动到另一个。Thisstackquestion提供了我尝试过的这个解决方案。document.getElementById("LightBoxDiv").appendChild(svgId+"V");当我尝试这样做时,我收到了层次结构请求错误。Thisstackquestion建议了几件可能是原因的事情。我不能说我有任何这些东西,但我不确定。Bot我的div在body元素中并且没有嵌套在另一个元素中,但是,其中一个div在使用javascript动态创建之前只有几行。这是我用来创建该div的脚本。varlightboxdiv=document.creat

javascript - TinyMCE 使用 <div align ="center"> 而不是 <div style ="text-align: center">?

我使用的是TinyMCE3.2.5,默认情况下,当您单击居中对齐按钮时,它使用内联样式.我想使用tinyMCE而不是内联样式。我知道在配置中设置inline_styles:false是有效的。但我想对除对齐以外的所有内容使用内联样式。我将如何改变它? 最佳答案 tinyMCE.init({...'formats':{'alignleft':{'selector':'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',attributes:{"align":'left'}},'align

javascript - 如果选择了特定的选择选项值,则显示 div

如果用户从选择下拉列表中选择特定选项值,我将尝试显示一个div。例子:选择下拉列表包含从数据库中获取的动态名称以及列表底部的静态或永久名称“Admin”如果用户选择的选项不是“Admin”,则显示包含特定表单元素的div,否则如果用户选择“Admin”,则该div保持隐藏状态这是我的代码:Javascript-functionadmSelectCheck(nameSelect){if(nameSelect){admOptionValue=document.getElementById("admOption").value;if(admOptionValue!=0){document.g

javascript - jQuery 验证在 div 中显示错误信息

我是jQuery验证和学习的新手,所以我对此一无所知。现在我正在使用jQueryValidateplugin并希望在div元素内显示错误消息。我为每条错误消息创建了div。例如,我有名称输入字段,想在nameErrordiv中显示错误消息。NamejQueryValidationPlugin可以吗?我不知道为什么我要在这里发帖寻求您的帮助。我的JQUERY代码是:$(function(){$.validator.addMethod("regex",function(value,element,regexpr){returnregexpr.test(value);},"Pleaseent

javascript - 电话链接在 iframe 中不起作用,尽管它在 iOS9 web 中的 div 中起作用。如何使电话链接在 iOS9 safari 中正常工作?

您好,我在iOS9的iframe中尝试电话链接。在iOS9中,电话应用程序无法在safari中打开。当我在里面尝试相同的链接时,它在那里工作。我正在尝试在anchor标记下方。这段代码放在div中时会打开电话应用程序。但是相同的代码在iframe中不起作用。请建议如何在iframe中工作?请使用以下代码查看iframe外的电话链接1-408-555-5555请使用以下代码验证iframe中的电话链接。variframe=document.getElementById("test");variDoc=iframe.contentDocument;iDoc.write('1-408-555

javascript - jQuery 切换 div 的子元素

我有以下HTML代码:Menusubmenu1submenu2Menu2submenu3submenu4类hidden有display:none当我点击单词menu或menu2时,我试图让切换工作 最佳答案 $('.dim').click(function(){$('.hidden',this).toggle();//p00f});fiddle:http://jsfiddle.net/maniator/V4X4t/更新检查dim元素被点击:$('.dim').click(function(event){varisDim=$(even

javascript - 如何预览上传的图片作为div的背景图片?

我想在div中预览上传的图像文件。我做了一些研究,我从thispost中找到了这段代码,它是预览上传图像文件的代码,但在中标签:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}关联的HTML:非常棒。然而,我想要的是将上传的图片显示为一个div的背景图片,一个例子是这