Tag: javascript

如何在JavaScript中鼠标hover时更改字母的颜色: 这是我的代码： $(document).ready(function(){ var letters = $(‘p’).text(); for(var letter of letters) { $(letter).wrap(“”); } }) .x:hover { color: orange; } Hello World! 例如，我想要在r盘旋时， r的颜色为orange而没有其他字母。

使用jQuery获取每个图像的自然高度: 我必须阅读每个图像的自然高度，我应该进行计算。但是我对自然高度的读取有一些问题。 $(‘div.imgkirp img’).each(function(){ console.log($(this).naturalHeight); }); 它得到:(图像编号）在控制台日志中未定义。我如何阅读每个图像的自然高度？

Primefaces，JavaScript和JSF不能很好地协同工作，或者我做错了什么: 这是如此简单的事情当您单击Tom时，文本框将获得焦点。很好，现在尝试这个当我点击什么都没发生时，我查看了萤火虫，我明白了 document.getElementById(“tom”) is null 当我尝试使用jQuery $(‘#tom’).focus() ，没有任何事情发生，没有错误，但也没有得到焦点。当我从firebug看到时，这是response （不确定这是否是来自服务器的响应） {“validationFailed”:false}

使用JQuery如何显示和隐藏不同div的onClick事件: 我想基于链接的Onclick事件显示div。首先单击 – 显示div1 第二次单击 – 隐藏剩余的div和显示div2 第三次单击 – 隐藏剩余的div并显示div3 第四次单击 – 隐藏剩余的div并显示div1 =>重复循环并继续.. 代码遵循： Toggle Jquery代码： $(document).ready(function() { $(“#toggle_value”).click(function(){ $(“#div1”).show(“fast”); $(“#div2”).show(“fast”); $(“#div3”).show(“fast”); }); }); 上面的代码显示了第一次点击本身的所有div，但它应该在第一次点击时显示div1，如上所述。

在jQuery中说文档的不同方式？: 这些都是相同的，即说准备文件的方式： $(function() { // }); 和 $(function($) { // })(jQuery); 或者两者之间是否存在差异，如果是，那么何时应该使用哪个？

如何为我的introjs中的下一步触发模态？: 因此IntroJS可以处理data-intro和data-step属性。例如，我的徽标如下所示：但是对于第3步，它是在一个元素上，当按下时，下一步应该是在按下步骤3中的元素时出现的模态。我有这个作为我的Step 4 ，它不起作用：现在，当你到达Step 3然后按next ，它会给你一个空屏幕的空白框。我如何让它专注于该模式？

提交表单时禁用按钮的最简单方法是什么？: 我一直试图找到“正确”的方法来防止双重提交表格。 SO上有很多相关的post，但没有一个对我来说很有用。下面两个问题。这是我的表格 Send 这是我第一次尝试禁用双提交： $(document).ready(function(){ $(“.once-only”).click(function(){ this.disabled = true; return true; }); }); 这是这里建议的方法：使用JS / Jquery发布后禁用按钮。该post表明提交元素必须是输入而不是按钮，但测试两者没有区别。您可以使用这个小提琴自己尝试： http ： //jsfiddle.net/uT3hP/ 如您所见，这会禁用该按钮，但也会阻止提交表单。在提交元素是按钮和输入元素的情况下。问题1：为什么此单击处理程序停止提交表单？搜索更多我找到这个解决方案（当我禁用提交按钮以防止双击时，为什么我的表单不发布？） if($.data(this, ‘clicked’)){ return false; } else{ $.data(this, ‘clicked’, true); return true; } 你可以用这个小提琴来玩这个： http ： //jsfiddle.net/uT3hP/1/ 这确实有效，但…… 问题2：这是我们能做的最好的吗？我认为这将是一件基本的事情。方法1不起作用，方法2不起作用，但我不喜欢它并且感觉必须有一种更简单的方法。

jQuery自动上传文件: 我想文件输入会自动上传我的图像而不输入任何提交按钮。让我知道jQuery的技巧

缩略图库的布局理论: 我正在创建一个完全像这样的缩略图库（ http://tmv.proto.jp/#!/destroyftw ）。目前我正在尝试制定脚本理论。网页的实际脚本在这里（ http://tmv.proto.jp/tmv_v3.js ）。因为我对javascript相对较新，这让我有点沮丧。我已经尝试过使用砌体和同位素等插件，但是它们无法处理大量的图像。更不用说无限滚动不适用于我需要的过滤。所以我决定尝试自己编码。这个想法是用户提交的图像将被调整为具有设定宽度的缩略图（当然，高度将被缩放以保持纵横比）。然后这些缩略图将用于创建图库。我遇到的问题是，我发现布局有点棘手。看来该页面首先被分成列以形成第一个“行”。之后，缩略图放在最左边最短的列中（具体来说，我想知道这种特殊图像定位技术背后的理论）。例如：数字也可以理解为图像的ID。（ID = “I_1” ID = “I_2”等）这也会导致页面加载的级联淡入效果以及附加新图像时（它们根据其ID简单地淡入）。我试图使用上面的脚本页面作为参考无济于事。但是如果有人想自己检查我认为负责缩略图定位的function是在“ViewManager”下。重申一下，我不是在寻找有人为我做我的工作。我只是需要帮助制定理论，所以我将有一个开始的地方。 **Note**(In the script): cellSize= 100; cellMargin=1; doubleSize=201 (cellSize*2+cellMargin); totalCellSize=101 (cellSize+cellMargin);

Jquery $ .ajax statusCode Else: 在jquery Ajax调用中，我正在处理200和304的statusCode。但是我也定义了“错误”“捕获可能返回的任何错误。如果存在相关的validation消息，则返回状态代码400 – 错误请求。然后在进入我定义的statusCode“400”函数之前进入“错误”函数。这意味着两个动作发生。理想情况下，我不想定义“错误”和“成功”，只定义“statusCode”但我需要的是有一个“Else”，这样我就不需要声明每个只存在2-3个的statusCode想要区别对待。 $.ajax({ type: ‘POST’, contentType: “application/json”, url: “../API/Employees.svc/” + EmployeeId + “/Company/” + CompanyId, data: jsonString, statusCode: { 200: function () { //Employee_Company saved now updated hideLoading(); ShowAlertMessage(SaveSuccessful, 2000); $(‘#ManageEmployee’).dialog(‘close’); }, 304: function () { //Nothing to save to Employee_Company hideLoading(); $(‘#ManageEmployee’).dialog(‘close’); if (NothingToChange_Employee) { ShowAlertMessage(NothingToUpdate, 2000); } […]