Tag: html

获取.slideToggle（）影响的显示状态元素？

我已经尝试过is(‘:visible’) ， is(‘:hidden’)和css(‘display’)但我无法获得元素的显示状态.slideToggle() 我错过了什么？ 这是jsfiddle： http ： //jsfiddle.net/djlerman/jbNg3/1/ 和代码： Test Slide Toggle .ui-icon { float:left; } $(document).ready(function () { $(‘span#expandList’).click(function () { if ($(this).attr(‘class’) == “ui-icon ui-icon-triangle-1-s”) { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-e”); } else { $(this).attr(‘class’, “ui-icon ui-icon-triangle-1-s”); } $(this.parentNode).nextAll(‘ul’).eq(0).slideToggle(); $(‘#debug’).html($(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:visible): ‘ + $(this.parentNode).nextAll(‘ul’).eq(0).is(‘:visible’) + ” + $(this.parentNode).nextAll(‘ul’).eq(0).attr(‘id’) + ‘ is(:hidden): ‘ + […]

Bootstrap模态切成两半

我有一个模态窗口设置，但是当按下激活它的按钮时，显示的模态会被切成两半， 就像这样。 在较小的窗口中，模态看起来很好。 请原谅代码，这有点乱。 OAMK Opinnäytetyöt html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; } OAMK Opinnäytetyöt Lisää uusi aihe {{ todo.aihe }} {{ todo.kuvaus }} × Modal Header Lisää Close

3行长html预览文本

我有一个线程，并希望每个线程都有一个预览文本。 像这样： How I can loose weight? <- Headline bla bla bla bla bla | bla bla bla bla bla | <- Preview bla bla bla bla bla… | 我想要一个三行长的预览文本，结尾只是’…’我试过它： .p { color: grey; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; line-height: 16px; max-height: 32px; } 但这对我没有用..有人知道解决方案吗？ 也许用JS或JQuery？

chrome扩展：尽管run_at：document_idle，js脚本也会过早触发

从理论上讲，如果我设置了run_at，那么在页面完全加载后，我用来选择页面上元素的.js就会触发。 但似乎并非如此。 在我的content.js中，我有 “content_scripts”: [ { “js”: [“extensions/jquery-2.2.2.min.js”, “content.js”], “run_at”: “document_idle” } ] 在我的content.js中，我只是： alert(“alert”); console.log(“hello”); var fullname2 = $(‘#topcard’).find(‘.profile-info’).find(‘h1’).text(); console.log(fullname2); 警报和第一个console.log都可以正常工作。 第二个控制台日志不记录任何内容，因为选择器未能选择任何内容。 我知道这个，因为如果我为content.js代码块添加一个setTimeout，并等待2秒，第二个控制台日志会正确显示fullname2。 知道为什么content.js显然在页面完全加载之前触发，这样选择器找不到任何东西？

如何创建树目录结构？

您好，我需要为我的webApp创建一个用于PHP的树目录结构 … 对于树目录结构，我的意思是一个名为$ idCantiere的主文件夹（我从textBox获取此id），在这个主文件夹中我需要创建另一个名为$ codiceCommessa的目录（也来自txtBox）… 我正在使用altervista 我尝试使用这个脚本，但它不起作用 Cantiere   Codice Commessa   Inserisci Affidatario 文件directory.php ` `

Jquery表单字段值

我怎样才能将这个HTML FORM中的HTML字符串传递给使用Jquery的DIV？ HTML表格是： send Jquery代码： $(document).ready(function(){ $(“form#submit_wall”).submit(function() { var message_wall = $(‘#message_wall’).attr(‘value’); $(“div#wall”).append(”+ message_wall +”); return false; }); }); 我正在尝试使用.html（），但我一直收到错误消息。

如何在列表项目中创建新的Div

我找到了相关的答案，但不像这个问题一样。 我的问题是如何在.widget-content创建新的Div内部列表项，如下所示？ 主要HTML ： 小提琴 Test Content Test Content Test Content Test Content Test Content Test Content 我想要： Test Content Test Content Test Content Test Content Test Content Test Content 意味着添加2 Div， 拥有前3个子项， 拥有最后3个子项/列表项。 如何通过Jquery / JS简单地完成这项工作？ 提前致谢。

标签中的onload事件在Firefox中过早激发，而不是其他浏览器

内联HTML中的onload事件在Firefox和基于其Mozilla代码库（Tor等）的所有浏览器中过早触发。例如： 在图像完全加载到Chrome，Opera，IE和Safari之后调用myFunction() （不确定新的Edge浏览器），这是预期的和记录的行为。 但是，在Firefox及其亲属上，在浏览器读取标签时立即调用该函数，即在加载图像之前完成 。 这不是记录的行为并导致应用程序问题。 这在几年前在这里得到了确认和详细讨论： https://bugzilla.mozilla.org/show_bug.cgi?id=626613 但是，我找不到能解决问题的任何东西，我想知道是否有其他人遇到过这个问题并找到了解决方案。

jquery lightbox插件，同时通过ajax加载图像

我有一个页面，我在页面加载时最初加载一堆图像。 这些图像与灯箱插件绑定，当我点击图像时…插件确实做了它应该做的事情。 但是，我通过jquery添加了一些ajax（由下拉框触发），它根据从服务器获取的内容更新图像列表。 重新加载图像列表后，灯箱插件似乎不再起作用。 有谁知道是否需要做一些特别的事情？ 以下是我的html页面中的代码（这是有效的）： 以下是jquery ajaxfunction。 感谢seth （现在我希望SO提到像twitter这样的function:) jQuery(function(){ jQuery(“select#rooms”).change(function(){ var options = ”; jQuery.getJSON(“/admin/selection.php”,{id: jQuery(this).val(), ajax: isAjax}, function(j){ for (var i = 0; i < j.length; i++) { var ul = jQuery('ul#imagesall').empty(); var images = j[i].images.split(','); jQuery.each( images , function(idx, img ) { ul.append('’); }) } }) }) })

jQuery，问题与.animate（）和.fadeIn（）

在div .frame里面我还有3个div： .middle ， .middle和.bottom 。 .bottom和.bottom display none ，当鼠标位于.bottom上时，jquery函数为animate ， .bottom的高度增加， .bottom和.bottom显示为.fadeIn() 。 当鼠标超出.bottom ， .bottom的大小正在减小，而.bottom和.bottom将以.fadeOut()消失。 我的CSS是： .frame{ border-style: solid; border-width: 1px; width:200px; height:200px; position: absolute; top:50px; left:50px; } .middle{ width:200px; height:200px; position: absolute; top:0px; } .top{ display:none; background-color:red; width:100%; } .bottom{ position:absolute; display:none; bottom:0px; background-color:red; width:100%; } 我的HTML： top middle bottombottombottombottom 和我的jQuery： var […]