Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。

9
在javascript / jQuery中将字符串转换为数字
一直试图将以下内容转换为数字: <button class="btn btn-large btn-info" data-votevalue="1"> <strong>1</strong> </button> var votevalue = parseInt($(this).data('votevalue')); 我也尝试过,Number()但NaN检查结果时仍然可以。我究竟做错了什么? 这是完整的代码: <div class="span7" id="button-group"> <div class="btn-group"> <button class="btn btn-large btn-info" data-votevalue="1"><strong>1</strong></button> <button class="btn btn-large btn-info" data-votevalue="2"><strong>2</strong></button> <button class="btn btn-large btn-info" data-votevalue="3"><strong>3</strong></button> <button class="btn btn-large btn-info" data-votevalue="4"><strong>4</strong></button> <button class="btn btn-large btn-info" data-votevalue="5"><strong>5</strong></button> <button class="btn btn-large btn-info" data-votevalue="6"><strong>6</strong></button> <button …

4
如何使用Javascript / HTML上传简单的图片
是否有人知道如何进行简单的图像上传并将其显示在页面上。 这就是我要的东西。 用户(我)将选择一张图片 该页面将显示图像,而无需刷新页面或转到另一个文件。 倍数即可<img src>,因为我需要显示不同的图像尺寸。 这是我的代码。(其中一些是我从这里得到的编辑) <style> /* Image Designing Propoerties */ .thumb { height: 75px; border: 1px solid #000; margin: 10px 5px 0 0; } </style> <script type="text/javascript"> /* The uploader form */ $(function () { $(":file").change(function () { if (this.files && this.files[0]) { var reader = new …

10
如何使用jQuery将分钟转换为小时/分钟并添加各种时间值?
这个问题有两个部分。我不反对使用jQuery插件(如果有人知道可以实现我想要完成的任务)。 问题1-如何将分钟数转换为小时数,反之亦然?例如,我如何将90分钟转换为1小时30分钟。在下面的代码中,如何转换“ totalMin”并在“ convertedHour”和“ convertedMin”中显示? HTML: <span class="totalMin">90</span> Minutes <span class="convertedHour">0</span> Hours <span class="convertedMin">0</span> Minutes jsFiddle:http : //jsfiddle.net/ExFBD 问题2-如何合并一组时隙?例如,如何将1小时30分钟,2小时45分钟和2小时15分钟加在一起? HTML: <span class="hour-1 hour">1</span> hour <span class="min-1 min">30</span> min <span class="hour-2 hour">2</span> hour <span class="min-2 min">45</span> min <span class="hour-3 hour">2</span> hour <span class="min-3 min">15</span> min <span class="totalHour">0</span> hour <span class="totalMin">0</span> min …



9
如何在使用jQuery单击特定链接后打开引导导航选项卡的特定选项卡?
我是jquery和bootstrap的新手,所以请考虑我的错误。我创建了用于登录和注册的bootstrap模式。它包含两个分别称为登录和注册的导航选项卡。我有两个按钮弹出相同的Modal窗口,但在Modal窗口中显示不同的选项卡。每个选项卡中都有一个带有许多输入的表单。我的问题是,当我单击“登录”按钮时,在模式中弹出“登录”选项卡时弹出模式,而当我单击页面上的“注册”按钮时,则打开注册选项卡。 这些是模态打开的2个链接: <div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font> </big></a></div> <div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;"> <a data-toggle="modal" href="#regestration" class="header-register-a" > <big> <font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font> </big></a> 这是我的标签及其内容的代码(我在这里避免不必要的代码): <div class="tabbable" > <ul class="nav nav-tabs" ><!--tabs--> <li class="active" style="position:absolute;margin-left:0px;" id="logintab"> <a href="#pane_login" data-toggle="tab">Login</a></li> <li style="margin-left:70px;" …


4
REACT ERROR <th>不能作为<thead>的子代出现。参见(未知)> thead> th
我正在使用React-Rails应用程序,并且在控制台中不断出现此错误: ``` Warning: validateDOMNesting(...): &lt;th&gt; cannot appear as a child of &lt;thead&gt;. See (unknown) &gt; thead &gt; th. 我不确定为什么这行不通..我想为表使用标头(thead),并且对其他人有用。我会把tbody放进去,但我需要桌子的实际主体。 这是此表的代码: ``` React.DOM.table className: 'table table-bordered' React.DOM.thead null, React.DOM.th null, 'Description' React.DOM.th null, 'Actions' React.DOM.tbody null, for post in @state.posts React.createElement Post, key: post.id, post: post, handleDeletePost: @deletePost **编辑我曾尝试在thead下添加tr标签,这会导致额外的错误。这就是我将代码更改为: ``` React.DOM.table …

10
使用jQuery禁用右键单击图像
我想知道如何使用jQuery禁用对图像的右键单击。 我只知道这一点: &lt;script type="text/javascript" language="javascript"&gt; $(document).ready(function() { $(document).bind("contextmenu",function(e) { return false; }); }); &lt;/script&gt;

2
Bootstrap的工具提示在悬停时将表格单元格向右移动
我正在为我的项目使用Bootstrap 3.1.1。表格中的每个单元格都包含000或数据111。悬停时,我想将此数据显示为工具提示。到目前为止,这可行。但是,当我将鼠标悬停在上时&lt;td&gt;,所有相邻单元都向右移动。 这是我的JSFiddle &lt;table class="table"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th class="matrisHeader"&gt; &amp;nbsp; &lt;/th&gt; &lt;th data-original-title="111" data-toggle="tooltip" data-placement="bottom" title=""&gt; PÇ1 &lt;/th&gt; &lt;th data-original-title="222" data-toggle="tooltip" data-placement="bottom" title=""&gt; PÇ2 &lt;/th&gt; &lt;th data-original-title="333" data-toggle="tooltip" data-placement="bottom" title=""&gt; PÇ3 &lt;/th&gt; &lt;th data-original-title="444" data-toggle="tooltip" data-placement="bottom"title=""&gt; PÇ4 &lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th data-original-title="555" data-toggle="tooltip" data-placement="bottom" title=""&gt; ÖÇ1 &lt;/th&gt; &lt;td …

7
如何在jquery中创建数组?
$(document).ready(function() { $("a").click(function() { $("#results").load("jquery-routing.php", { pageNo: $(this).text(), sortBy: $("#sortBy").val()} ); return false; }); }); 如何在jQuery中创建数组并使用该数组代替 { pageNo: $(this).text(), sortBy: $("#sortBy").val()}

1
使用C#在ASP.NET MVC 3中创建级联下拉列表的最简单方法
我想使用(最好是)与创建DropDownList一个层叠。MVC3RazorC# 我想有一个下拉菜单,您可以在其中选择年份,而在另一个下拉列表中,可以根据所选年份选择特定的月份集。 让我们简单点。当我在下拉列表“ year”中选择当前年份(即2011)时,下拉列表“ month”将填充直到当前月份(即3月)的月份。对于其他情况(其他年份),则没有限制。此外,最好在选择下拉列表“ year”中的任何元素之前“阻止”下拉列表“ month”。 我已经在Internet上寻找了一些使用jQuery甚至自制方法的解决方案,但是它们都引用了MVC的过去版本,并且中不推荐使用某些命令MVC3。

4
json未捕获的SyntaxError:意外令牌:
尝试进行呼叫并检索一个非常简单的一行JSON文件。 $(document).ready(function() { jQuery.ajax({ type: 'GET', url: 'http://wncrunners.com/admin/colors.json' , dataType: 'jsonp', success: function(data) { alert('success'); } }); });//end document.ready 这是RAW请求: GET http://wncrunners.com/admin/colors.json?callback=jQuery16406345664265099913_1319854793396&amp;_=1319854793399 HTTP/1.1 Host: wncrunners.com Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.2 (KHTML, like Gecko) Chrome/15.0.874.106 Safari/535.2 Accept: */* Referer: http://localhost:8888/jquery/Test.html Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 …

4
AngularJS完成呈现HTML后运行jQuery代码
在控制器中,我使用$ http或$ resource服务获取一些JSON数据。然后,我将此数据写入$ scope,AngularJS更新页面的HTML结构。我的问题是我需要知道用Angularng-repeat指令填充的列表(我的意思是HTML DOM元素)的新大小(宽度和高度)是多少。因此,我必须在Angular完成DOM结构更新后立即运行javascript代码。正确的做法是什么?我过去四个小时都在搜索互联网,但是找不到解决我问题的方法。 这就是我接收JSON数据的方式: var tradesInfo = TradesInfo.get({}, function(data){ console.log(data); $scope.source.profile = data.profile; $scope.trades = $scope.source.profile.trades; $scope.activetrade = $scope.trades[0]; $scope.ready = true; init(); //I need to call this function after update is complete }); 这就是init()函数中发生的事情: function init(){ alert($('#wrapper').width()); alert($('#wrapper').height()); } 我知道必须有一些容易解决的问题,但我现在不能立即找到它。提前致谢。

9
在部分视图中包含JavaScript文件
我想知道在局部视图中包含javascript文件的最佳实践是什么。呈现后,这将最终成为我页面html中间的js include标签。从我的角度来看,这不是执行此操作的好方法。它们属于head标签,因此不应阻止浏览器一次性呈现html。 一个例子: 我在“ PictureGallery”局部视图中使用一个jQuery picturegallery插件,因为该局部视图将在多个页面上使用。仅在使用此视图时加载该插件,并且我不需要知道每个局部视图正在使用哪些插件... 感谢您的回答。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.