Tag: javascript

Instagram动态添加嵌入时嵌入不起作用: 在博客上工作，在无限卷轴上加载post。每篇博文都可能有也可能没有Instagram嵌入。我发现页面上显示的第一个将被处理（无论它是在初始页面标记中，还是动态添加），以下都不会。这是一个简单的JS Bin，它说明了这个问题：第一个Instagram嵌入是在初始页面标记中。在4秒后页面加载后添加另一个Instagram嵌入。第二个嵌入添加不会被处理。有什么想法吗？看来Instagram嵌入脚本只运行一次。我有什么方法可以强迫它刷新？谢谢，马特

将多个地图canvas添加到窗口 – Google Maps Javascript API v3: 我想在一个窗口中显示多个谷歌地图canvas，但它不起作用。在for循环中创建的地图都显示为灰色，没有任何内容，我无法弄清楚原因。 HTML jQuery的/ JavaScript的 var margin = 50; var maps = []; for (var i = 0; i < 5; i++) { $("#routeContainer").append("hello world”); var mapOptions = { zoom: 10, scrollwheel: false }; maps[i] = new google.maps.Map(document.getElementById(‘map-canvas’+i),mapOptions); }; 如果有人能告诉我，我做错了什么会很棒！

javascript或jQuery在动态生成的内容中不起作用: 早上的人。如何使我的javascript或jquery在动态生成的内容中工作。基本上，我创建了基于用户点击导航菜单的内容生成内容的网页。我面临的问题：当主页面从内容页面生成内容时，jquery或javascript将无法正常工作。但是当我单独打开内容页面时，一切正常。通过搜索收集的信息： jQuery.load（）方法忽略与动态生成的内容一起提供的脚本标记。所以我尝试以下方法：将我需要的标记放在主页面中，而不是放在内容页面中。它不起作用。看起来像jquery找不到内容元素，因为它们是动态生成的。由于jQuery.load（）忽略了脚本标记，我尝试了纯粹的javascript ajax，就像w3schools.com教导xmlhttp方式一样，来生成内容。它不起作用。单击按钮时。控制台没有响应。示例 contact.php $(function() { $(“#submitUser”).click(function(e) { var fname = $(“#fname”).val(); $(“#theresult”).text(fname); e.preventDefault(); }); }); First Name 当这个contact.php动态生成到其他页面时，它不起作用。当我单击“提交”按钮时，控制台显示无响应。好像jquery不存在。但是当我在浏览器中单独打开它时，它可以工作。

处理jQuery事件时，’this’关键字在JavaScript类中重写: 我用JavaScript在单个方法中定义了一个类： function MyClass(text) { this.text = text; } MyClass.prototype.showText = function() { alert(this.text); } 然后，我使用jQuery定义了一个充当click事件处理程序的方法： function MyClass(text) { this.text = text; $(‘#myButton’).click(this.button_click); } MyClass.prototype.showText = function() { alert(this.text); }; MyClass.prototype.button_click = function() { this.showText(); }; 当我点击按钮时，它无法说：对象＃没有方法’showText’ 似乎this在jQuery click事件处理程序中引用了HTML元素本身，并且它没有引用MyClass对象的实例。我该如何解决这种情况？ jsFiddle可用： http ： //jsfiddle.net/wLH8J/

如何在jQuery datetimepicker中格式化日期？: 我使用jQuery datetimepicker从jQuery datepicker扩展，不仅选择日期而且选择时间。我想用这种方式设置日期/时间格式： dd-mm-yyyy @ hh:mm $(‘#timePicker’).datetimepicker({ dateFormat: ‘dd:mm:yyyy’, separator: ‘ @ ‘, minDate: new Date() }); 但这不起作用。我按以下格式获取日期/时间： Thu Jan 27 2011 02:05:17 GMT+0100 是否有任何javascript函数来格式化此日期/时间？如果不是我如何使用该插件？看看我的代码： FIDDLE

Javascript：如何最好地阅读手持条码扫描仪？: 我希望能够通过手持式扫描仪扫描条形码并使用Javascript处理结果。条形码扫描仪几乎像键盘一样工作。它输出扫描/翻译（条形码 – >数字）数据原始（对吗？）。实际上我只需要捕获输出并继续。但是怎么样？这是我想做的一些伪代码： $(document).on(“scanButtonDown”, “document”, function(e) { // get scanned content var scannedProductId = this.getScannedContent(); // get product var product = getProductById(scannedProductId); // add productname to list $(“#product_list”).append(“” + product.name + “”); }); 任何想法（框架，插件，片段）？任何条形码扫描仪（硬件）推荐？提前致谢！我发现了这个和这个好问题，但我想获得有关处理的更多信息。在我的案例中，仅仅关注一个textarea可能是不够的。

setTimeout和这个绑定: 除了切换类之外，我不太熟悉使用jquery。也就是说，我会尽力解释我的问题。我有三个div。点击其中一个之后，其他两个应该翻转90度并且AFTERWARDS将它们的高度减小到0 我向youTube上传了一个简短的动画，向您展示最终动画的外观如何看起来像https://youtu.be/4ImmHJ04d0w 所以我过于复杂的脚本现在看起来像那样 // Add Temporarily Class (function($){ $.fn.extend({ addTemporaryClass: function(className, duration) { var elements = this; setTimeout(function() { elements.removeClass(className); }, duration); return this.each(function() { $(this).addClass(className); }); } }); })(jQuery); $(‘.review–1’).on(‘click’, function() { $(‘[class^=review–]’).not(this).addClass(‘review__hidden review__square’); $(‘.review–2 ,.review–3, .review–4’).removeClass(‘review__hidden’); }); // Animation $(‘.review–1’).on(‘click’, function() { $(‘.review–2 ,.review–3, .review–4’).addTemporaryClass(‘animate-in’, 500); setTimeout(function() { $(‘.review–2 ,.review–3, […]

如何避免回调链？: 我需要严格按顺序调用一堆函数。下一个函数在前一个函数完成之前等待也是非常重要的。现在我正在使用链式回调： callMe1(function(){ callMe2(function(){ callMe3(function(){ callMeFinal(); }); }); }); 这有效，但似乎有点难看。对于不同方法的任何建议？

谷歌图表传奇操纵: 使用谷歌区域图表： http ： //code.google.com/apis/chart/interactive/docs/gallery/areachart.html 有谁知道我如何能够自由地操纵传说？我几乎想要两个中的一个：能够在某处自由设置每个图例元素。如果图例的大小超出图例区域的宽度，请将显示在一行中的图例设置为多行。（首选）我会避免黑客操纵iframe btw中的svg。

IE输入文件属性未定义: 我有以下输入文件标记：在mozilla中，当我运行以下jQuery代码时： var input = $(‘#handlerxhr1’)[0]; $(‘#upload’).click(function() { alert(input.files[0]); }); 我得到回复：[对象文件]（这很好）。但在IE中我得到’input.files.0 is undefined’ 我究竟做错了什么？谢谢。