Tag: html

在超时期间更改mouseenter上的div颜色 – jquery函数: 现在我有这个代码： $(‘.a’).mouseenter(function(){ var $this = $(this); clearTimeout($this.data(‘timerMouseleave’)); $this.css(‘border’, ‘solid 1px #444444’) }).mouseleave(function(){ var $this = $(this); var timer = setTimeout($.proxy(function(){ $this.css(‘border’, ‘solid 1px #dddddd’) }, this), 1000) $this.data(‘timerMouseleave’, timer) }).click(function(){ var $this = $(this); $this.css(‘border’, ‘solid 1px black’) $this.off(‘mouseenter mouseleave’); }) http://jsfiddle.net/7dXAs/6/ 我想在超时仍然打开的情况下再次输入div时添加红色边框。（如果可能的话，请包括在这种情况下播放声音，例如aaa.wav）。我需要完全保持这种行为的其余部分，这意味着红色边框通常应该在超时后更改回默认值。澄清： mouseleave后触发超时/延迟并持续1秒。当前情况：如果在1秒到期之前再次输入div，则会删除超时，然后在另一次mouseleave之后再次触发想要的情况：如果你在1秒到期之前再次输入div，边框变为红色，超时被删除，然后在另一个mouseleave之后再次触发

通过javascript自动对焦新添加的元素: 这应该很简单，但我不能让它工作，所以会欣赏任何指针。我在我的网页中有一个function，它将一个新行添加到带有输入等的表中。这是一个非常基本的POST，看起来像这样…… $.post(url, { newRow : newRow }, function(data) { $(‘#’ + tableName + ‘ > tbody > tr’).eq(rowLoc).before(data); }).done(function() { reNumberTableIDName($tb) }); reNumberTableIDName函数非常简单，它运行表中的所有对象并更改其id / name，以便它们与其他表中的行相关。现在，添加到此表中的一个元素是自动完成输入，看起来像这样…… 请注意，名称和ID 不会作为reNumberTableIDName函数的一部分进行更改。我尝试在post的“完成”部分添加一行，然后将焦点/克拉放入新输入但它不起作用（焦点停留在先前单击以添加行的按钮上）。 $(“#autoLook[” + (newRow -1) + “]”).focus(); 我已经检查过一个警告， “#autoLook[” + (newRow -1) + “]”确实提出了正确的字符串，所以我不知道为什么这不起作用。我错过了什么明显的谎言？还值得注意的是，我试图在添加的输入中添加自动聚焦属性，但我正在使用grails，这种类型的自动完成不允许我这样做。谢谢！值得注意的是，解决方案应该是使用如下所述的setTimeout，否则它会不断地将焦点放回对象！

数据库条目（缩略图）周围的随机颜色边框（Javascript）: 目前我正在建立一个本应属于我的投资组合的网站，所以我希望它成为一个挑战。我展示我的作品的部分用PHP编码并连接到数据库。使用WHILE循环，它会在我的网站上添加所有数据库记录。对于这个网站，我决定第一次使用Javascript，使其更具挑战性，并了解它。我想要的是PHP WHILE循环添加的每个数据库记录周围的边框，只有在hover在上面时才显示，并且每次将鼠标hover在缩略图上时都会更改颜色（固定的颜色数组）。这是我到目前为止的代码： function loaded() { var colors = [“#FC3E6B”,”#24FF00″,”#0087F9″,”#F9F900″]; var images = document.getElementById(“thumbnails”).getElementsByTagName(“div”); console.log(images); for (var i = 0; i < images.length; i++) { var rand = Math.floor(Math.random()*colors.length); images[i].style.borderStyle = 'solid'; images[i].style.borderWidth = '1px'; images[i].style.borderColor = 'transparent'; $(images[i]).hover(function(){ console.log('hovering over'); images[i].style.borderColor = colors[rand]; }, function(){ console.log('hovering out'); images[i].style.borderColor = 'transparent'; […]

在jquery里面的CSS中的警报框: 我想if block in jquery中的if block in jquery显示一个错误警告框但是错误即将到来。有人可以帮我吗我在这个网站上找到了警告框，但在这种情况下，我必须点击错误消息弹出警报才能看到警报，但是如何在我的jquery if part添加该错误消息弹出警报警报， jquery if part没有点击该警报框将apear？ $(“#textbox”).keyup(function () { $.getJSON(‘check.jsp’, { textboxname: this.value },function(data){ if(data.isTrue){ $(“#textbox”).val(”); //clear the text box and show that Error Message Popup Alert } else{ //do something } }); });

Newline被打印为html文本区域中的空格。我该如何解决？: 这是我的小jquery脚本，我附加了我收到的数据。 $.get(‘HelloWorld’, {‘data’ : data}, function(newLogs) { $(‘#logsid’).append(newLogs); $(‘#logsid’).scrollTop($(‘#logsid’)[0].scrollHeight); });

将值附加到JQuery中的输入字段: 我有一个input type=”tel” ，id =“＃enter”，我想从按钮点击添加附加值。我这样做了： $(“#one”).click(function(){ $(“#myInput”).val(“1”); }); $(“#two”).click(function(){ $(“#myInput”).val(“2”); }); 因此，每次从#id 1-9按下按钮时，它都会输入相应的数值。但是，这不会在输入字段类型中附加值，只是将现有值替换为单击的按钮的值。它如何追加价值？这是JSFiddle

单击事件时无法更新文本: 我有一个带加号和减号按钮的div： 1 点击加号按钮，我想增加数量，同样减少数量，当点击减号按钮时。为了实现这一点，我写了两个事件： $( document ).on( “click”, “.minus”, function() { var quantity = $(this).closest(“ul”).find(“i.qt”).text(); var a = parseInt(quantity); a-=1; $(this).closest(“ul”).find(“i.qt”).text-a; }); $( document ).on( “click”, “.plus”, function() { var quantity = $(this).closest(“ul”).find(“i.qt”).text(); var a = parseInt(quantity); a+=1; $(this).closest(“ul”).find(“i.qt”).text+a; }); 但是，按下什么按钮并不重要，没有任何反应。能否请你帮忙？一个显示我的问题的小提琴： http ： //jsfiddle.net/LESn3/2/

Bootstrap JQuery：所选项目的下拉菜单validation: 我有以下twitter bootstrap下拉菜单，它是表单的一部分： Platform: Select Android IOS Windows Phone 一旦页面加载，那么当用户选择一个项目我使用它 var platform = (“Platform: ” + $(“#dropdown_title2”).text()); $(‘#printPlatform’).html(platform); 将下拉值设置为var，然后使用在模式中显示它我现在要validation此下拉列表以检查项目是否已被选中并且“select”的默认值已更改。这是我尝试过的： var selected = “Select” if ($(“#dropdown_title1”).text == selected) { alert(‘Please fill in missing details’); } 但是，运行代码时，不会显示警告对话框。谁知道我哪里出错了？文本框的当前validation（下拉validation将添加到此方法） $(document).ready(function () { @*Validation for Empty fields with name formpart*@ $(‘#SendRequest’).click(function (e) { var isValid = true; […]

根据动态url设置iframeurl: 有没有人知道一个javascript代码，它会检测页面的动态url（？q = Chicken），并将页面上iframe的url设置为https://www.google.co.uk/?#q=Chicken 。（我实际上并没有制作谷歌搜索客户端！） Get – Text added to Url set Url of iframe to https://www.google.co.uk/?#q=Chicken 这将全部上传。

菜单 – 在整个菜单项下显示子菜单 – HTML / CSS: 菜单项是这样的图片，带有display: inline-block; ＆ padding-right:10px将它们放在一行中它们处于“ul / li架构”中，如下所示：现在我正在尝试制作一个看起来像这样的子菜单：如果你点击灯泡图片就应该发生这种情况。所以它应该将整个页面的内容推下来并将自己设置在菜单项下。我怎样才能做到这一点？我尝试了用灯泡把它放入li并尝试通过css将它送到那里。除了Submenu在其他位置上是否可行，但也将它与主菜单联系起来？