Tag: javascript

如何在不影响标记的情况下替换html文档中的文本？: 如何编写一个javascript / jquery函数来替换html文档中的文本而不影响标记，只影响文本内容？例如，如果我想在这里用“no style”替换“style”这个词： This TD has style This TD has style too 我不希望替换影响标记，只是影响用户可见的文本内容。

如何将JSON文件导入JavaScript？: 我有一个包含内容的JSON文件 {“name” : “Conrad”, “info” : “tst”, “children” : [ {“name” : “Rick” }, {“name” : “Lynn” }, {“name” : “John”, “children”: [ {“name” : “Dave”, “children”: [ {“name” : “Dave” }, {“name” : “Chris” } ]}, {“name” : “Chris” } ]} ]}; 我想在JavaScript文件中导入这个JSON文件数据，并得到最终结果 var treeData ={“name” : “Conrad”, “info” : “tst”, “children” : [ […]

在引导工具提示中显示欧芹错误: 我正在使用parsley 2.0.0-rc5并希望在引导工具提示中显示错误消息。我正在使用“parsley：field：error”但事件在错误容器中显示错误之前触发，我无法接收错误。有人知道我如何得到每个字段的错误消息？ $.listen(‘parsley:field:error’, function (e) { dataParsleyId = e.$element.attr(‘data-parsley-id’); errorMsg = ‘Error: ‘ + $(‘#parsley-id-‘+dataParsleyId).text(); e.$element.attr(‘data-original-title’, errorMsg); e.$element.tooltip(‘show’); });

使用cropper js将canvas转换为blob: 我使用cropper.js创建了一个用于裁剪图像的应用程序。应用程序正在运行并且图像正在裁剪，之后我尝试将裁剪后的图像作为blob发送到服务器端进行存储，根据cropper.js文档，我们可以使用canvas.toDataURL获取数据URL，或使用canvas.toBlob获取blob并使用FormData将其上载到服务器。当我尝试使用canvas.toDataURL（）时，我得到了base64字符串，但实际上我需要将文件作为blob发送，所以我尝试使用canvas.toBlob（）但是我得到了Uncaught TypeError: canvas.toBlob is not a function chrome中Uncaught TypeError: canvas.toBlob is not a function和TypeError: Not enough arguments to HTMLCanvasElement.toBlob. 在Firefox中任何人都可以告诉我一些解决方案我的代码是这样的 var canvas = $image.cropper(“getCroppedCanvas”, undefined); var formData = new FormData(); formData.append(‘mainImage’, $(“#inputImage”)[0].files[0]); formData.append(‘croppedImage’, canvas.toBlob());

在JavaScript中从Json数据中删除反斜杠: 在JavaScript或jQuery中从JSON数据中删除反斜杠 var str = “{“data”:”{\n \”taskNames\” : [\n \”01 Jan\”,\n \”02 Jan\”,\n \”03 Jan\”,\n \”04 Jan\”,\n \”05 Jan\”,\n \”06 Jan\”,\n \”07 Jan\”,\n \”08 Jan\”,\n \”09 Jan\”,\n \”10 Jan\”,\n \”11 Jan\”,\n \”12 Jan\”,\n \”13 Jan\”,\n \”14 Jan\”,\n \”15 Jan\”,\n \”16 Jan\”,\n \”17 Jan\”,\n \”18 Jan\”,\n \”19 Jan\”,\n \”20 Jan\”,\n \”21 Jan\”,\n \”22 Jan\”,\n \”23 Jan\”,\n \”24 […]

javascript内存泄漏: 我正在使用jquery并做这样的事情 DOM ： JS ： var _doSomeThing = function() { //some codes } $(function() { // appending div and binding methods to span $(‘#parent’).append(‘1’); $(‘#parent’).append(‘2’); $(‘#parent span’).bind(‘click’, _doSomeThing); }); function _clearDiv() { //clear div $(‘#parent’).html(”); } //sometime in future, call clear div _clearDiv(); 现在我的问题是，对DOM进行绑定事件，之后只是从DOM删除元素会导致内存泄漏吗？如果是，如何解决这个问题？

如何在骨干中的动态生成按钮上绑定事件？: 如何在backbone.js中的动态生成按钮上绑定click事件？ window.PackageView = Backbone.View.extend({ tagName: “div”, className: “package-template”, events:{ ‘click #display-nodes’ : ‘main’, // This button is declared in my HTML code and calls main method successfully. ‘click .display’ : ‘disp’, // This is dynamic button generated with class as display }, getAction: function(nodeId){ // Get Actions from NodeId and generate buttons $(‘.nodes’).append(“” + action.Name […]

Javascript – 如何删除单词之间的所有额外间距: 如何删除字符串文字中单词之间的所有额外空格？ “some value” 应该成为 “some value” 也， ” This should become something else too . ” 变 “This should become something else too .” 不要担心搬家. 。就像上面一样好。我知道我可以使用$.trim(str)来实现尾随/结束空间的移除。但是，我不确定如何在单词技巧之间做1个空格。

使用ajax数据绘制Chart.js并响应。一些问题和疑问: 我正在使用Chart.js（ http://www.chartjs.org/docs/ ）进行制图。我需要从Ajax请求和图表中获取数据以便响应。在我的HTML代码中，我添加了一个canvas，如下所示：在我的javascript（JQuery）代码中，我有： var data2; $.ajax({ url: $(‘#userscreated’).data(‘url’), async: true, dataType: ‘json’, type: “get”, }).done(function (data) { data2 = data; // Draw chart var context = $(‘#userscreated’).get(0).getContext(“2d”); var wrapper = $(‘#userscreated’).parent(); var width = $(‘#userscreated’).attr(‘width’, $(wrapper).width()); new Chart(context).Line( { labels: data.Dates, datasets: [ { fillColor: #404040, data: data.Users } ] }, { […]

在另一个元素下的元素上注册点击: 我有一个元素在不透明度的元素下：0.5我希望能够点击。如何点击“穿过”最顶层的元素？这是一个演示我的问题的例子。单击框以打开和关闭它们。您可以在jsbin上编辑它以试用您的解决方案。如果您可以在hover时切换框，则可获得奖励积分。 Sandbox body { background-color: #000; } .box {width: 50px; height: 50px; border: 1px solid white} .highlight {background-color: yellow;} var dthen = new Date(); $(”).css({‘height’: (dthen.getMinutes()*60)+dthen.getSeconds() +’px’ ,’position’: ‘absolute’ ,’width’: ‘200px’ ,’top’: ‘0px’ ,’background-color’: ‘grey’ ,’opacity’: ‘0.5’ }) .appendTo(“#container”); setInterval(function(){ dNow = new Date(); $(‘#past’).css(‘height’, ((dNow.getSeconds()+(dNow.getMilliseconds()/1000))*50)%300 +’px’); },10) $(“.box”).click(function(){ $(this).toggleClass(“highlight”); […]