Tag: html

var不受function影响吗？: 我正在尝试使用jsPDF将html转换为pdf。但是，函数内部发生的变量和事物似乎对函数外部的所有内容都是不可见的。这是我的代码： $(document).ready(function() { $(“#runpdf”).click(function(event) { var doc = new jsPDF(); var imageData; html2canvas($(“#page1”), { logging:true, profile:true, allowTaint:true, letterRendering: true, onrendered:function(canvas) { imageData= canvas.toDataURL(“image/jpeg”); doc.addImage(imageData, ‘JPEG’, 0, 0, 200, 200); } }); doc.save(‘test.pdf’); }); }); 在运行它时，会呈现一个空白页面，特别是函数html2canvas中的所有内容实际上都不会影响var doc 。但是，在放上doc.save(‘test.pdf’); 位于函数内部（在doc.addImage() ），它对正在呈现的页面执行正常。但是，我不能这样做，因为我将使用for-each循环在多个页面上多次执行html2canvas函数，然后在最后保存文档。但这不起作用，因为似乎doc.save()需要与其余函数在同一个函数中。我该如何避免这个问题？谢谢编辑：使用计数器和简单的if语句修复问题。 var doc = new jsPDF(“p”, “pt”, “letter”); $(document).ready(function […]

jquery中的图像库或图像轮播: 我正在尝试制作一个非常简单的图片库/旋转木马，但我现在正在使用的代码问题..我试图在谷歌搜索用于我想要的旋转木马的正确术语，但我无法找到一个。这是我想要实现的旋转木马的图像样本我希望图像循环无穷无尽，只要文件夹中的图像显示在旋转木马中，我想在旋转木马中使用umlimited图像

jQuery hover show div toggle: 我正在这个非常简单的网站上工作但是我已经有一段时间了，因为我摆弄了jQuery，我想我在这里做错了。在这里你可以用jsFiddle预览这个想法http://jsfiddle.net/rGb34/1/ jQuery存在一些问题。如果将鼠标hover在黄色按钮上，黄色内容将开始翻转。如果你将鼠标hover在一个按钮上然后退出它，则div会消失（由于切换function）但我希望最后一个div处于活动状态，即使没有hover。有没有人对我有好的建议，所以我可以完成这个？

将动态生成的字符串从View传递给Controller: 我正在使用复选框动态创建其值的字符串，仅在选中复选框时才添加关联值。值以逗号分隔。这是一个代码显示我如何做到这一点： http://codepen.io/cavanflynn/pen/mJoybE HTML： ▼ PO Number RA Number Status Manufacturer 使用Javascript： $(“.dropdown dt a”).on(‘click’, function () { $(“.dropdown dd ul”).slideToggle(‘fast’); }); $(“.dropdown dd ul li a”).on(‘click’, function () { $(“.dropdown dd ul”).hide(); }); function getSelectedValue(id) { return $(“#” + id).find(“dt a span.value”).html(); } $(document).bind(‘click’, function (e) { var $clicked = $(e.target); if (!$clicked.parents().hasClass(“dropdown”)) […]

在jquery中选择一个包含两个属性的元素: https://jsfiddle.net/The95Chaps/2L4t9saq/92/是我的代码 var createGrid=function(s,i,a,e){for(var r=1;r<i+1;r++){for(var c="”,n=1;n<s+1;n++){c=c+"”}c+=””,$(“#main”).append(c)}$(“.pixels”).css(“background-color”,”gray”),$(“.pixels”).css(“width”,a),$(“.pixels”).css(“height”,e)}; var modGrid = function(code){ for(var n=1;n<gridx+1;n++){ for(var i = 1; i<gridy+1; i++){ $("[x="+i+"]") } } } var gridx = 64 var gridy = 64 createGrid(gridx,gridy,1,1) 。。 .inline { display: block } .pixels { display: inline-block } #main { font-size:0; } 只是忽略顶行，它所做的就是创建数组所以目前它创建了一个64乘64的网格，每个像素的大小为1个像素，总像素数为4096个像素在我的modGrid()函数中，它将能够接受一个JS数组，然后将其转换为图像，但我在使用jquery选择器时遇到了一些麻烦。目前我知道如何选择具有特定属性的元素的唯一方法是使用$(“thing[attribute=blah]”).somefunction(); 而我只是想知道因为我选择了2个属性（x和y）我怎么做？：在for(var i){}; 循环它应该能够选择一个具有属性x的像素等于i […]

来自其他URL的HTML表到JSON: 嘿家伙我使用这个lib将html表转换为json array 。 http://lightswitch05.github.io/table-to-json/ 有了这个，我的表被转换为许多对象，并在chrome控制台中显示它。当我和桌子在同一页面上时，它可以工作，但我希望将json放到另一个页面上。最初我这样做是为了瞄准我的元素并让它改变它，但没有运气任何想法？ $.get(“http://support.jonar.com/support/default.asp?W2305”, function(data) { var table_csv = $(“table.testtable”).html(data); //this gives me the entire html doc console.log(table_csv); var myjson = $(table_csv).tableToJSON(); }); 这将返回整个文档.. for table_csv 。此外，当我将html 到变量中时，我运行$(table_csv).tableToJSON(); 我得到一个空值我只看到[] 多谢你们！

选择时如何更改颜色选项卡: 我想点击它时设置标签的颜色。我的代码是： Tab-1 Tab-2 Tab-3 Tab-4 Tab-5 怎么做？ var value= “#ui-id-“; var nithin = value +”+ $(‘#hidden’).val(); $(nithin).click(function () { $(nithin).css(‘background’,’red’); var hidden=(parseInt(‘#hidden’).val())+1; $(‘#hidden’).val(hidden); });

加载新内容时调整iFrame的高度: 我有一个iFrame，它包含在我的HTML中，并在页面加载时可用。首次加载页面时，iFrame没有内容/ src。我正在使用jQuery动态地将内容插入到iFrame中。当用户点击我页面上的链接时，iFrame的内容会更新。所有这些对我都有用。但是，当加载新内容时，我正在努力调整iFrame的高度。我在StackOverflow上尝试了几种解决方案但没有成功。这是我的iFrame代码：这是我的jQuery，它改变了我的iFrame里面的HTML： emailOpened.find(‘#myframe’).contents().find(‘body’).html(email.body); 这对我有用。我只需要我的iFrame根据被注入内容的高度调整其高度。我对这部分的所有尝试都失败了。任何帮助表示赞赏！更新：这是我的新HTML：

在Leaflet Maps Popup中启动Jquery UI对话框的问题: 在我的Leaflet Map中，我想将一个弹出窗口绑定到一个包含缩略图图像的图层。当用户点击缩略图时，会出现一个灯箱，其中包含该图像的较大版本。我选择使用Jquery UI中的对话框来执行此操作。到目前为止我所拥有的JS小提琴 /// I am using a leaflet JS Fiddle Template was provided by SO User Asad here: /// http://stackoverflow.com/a/13699060/3679978 /// I THINK I understand the concept he explained about dynamically generating Javascript. // Load Map stuff. var map = L.map(‘map_canvas’).setView([51.505, -0.09], 13); L.tileLayer(‘http://{s}.tiles.mapbox.com/v3/mapbox.mapbox-light/{z}/{x}/{y}.png’, { attribution: ‘Imagery from MapBox — © […]

创建可重用的jQuery日期格式化程序: 我有以下jQuery，我用它来格式化一个日期，以Rails将接受的格式解析为DB（正斜杠不起作用）。 $(‘input#expClosingDateDisplay’).change(function() { var expClosingDateDisplay = $(this).val().split(‘/’); var formattedexpClosingDate = expClosingDateDisplay[2] + ‘-‘ + expClosingDateDisplay[1] + ‘-‘ + expClosingDateDisplay[0] $(‘input#expClosingDate’).val(”); if (expClosingDateDisplay != ”) { $(‘input#expClosingDate’).val(formattedexpClosingDate); } }); HTML <input id="expClosingDateDisplay" class="fdatepicker" placeholder="dd/mm/yyyy" type="text" value="”> 这应该工作，但我想在我的应用程序中使用此function，因为我有许多日期字段。我如何将当前的jQuery实现转换为可重用的函数？