Tag: javascript

刷新前执行function

在HTML页面上，当用户单击/按F5按钮页面刷新但在刷新之前我想执行一个function或一个简单的警报。 用户可以单击刷新按钮，按F5或Ctrl + R 使用核心JavaScript ， jQuery或YUI 。

jQuery追加并删除动态表行

我可以为表添加许多行，但我无法删除很多行。 我只能删除每个顺序添加1行。 $(document).ready(function(){ $(“#addCF”).click(function(){ $(“#customFields”).append(‘Custom Field     Remove’); $(“#remCF”).on(‘click’,function(){ $(this).parent().parent().remove(); }); }); }); Custom Field     Add 你可以在http://jsfiddle.net/3AJcj/看到代码 我需要帮助。

阻止IE加载动态包含的脚本两次

我在misc中包含了一些相关的内容。 通过在标记的末尾附近添加标记来添加网页，然后加载其他javascript文件。 这个流程有点复杂，所以在问我的问题之前我会尝试解释它： 浏览器加载一个页面，其元素靠近元素的末尾 脚本标记的src属性指向javascript文件（在某些情况下）注入第二个元素 注入的元素的src属性指向另一个javascript文件，最终在页面的相应部分注入一些内容。 我们使用这种两阶段方法在决定是否包含最终内容之前能够进行一些基本处理，这可能需要一些时间来加载。 问题是IE8（可能是旧版本）加载最后一次javascript两次。 似乎设置src属性的行为将触发加载，但是将脚本标记附加到DOM。 有什么方法可以避免这种情况吗？ 我已经创建了一个问题的简单演示 。 如果您有某种方式来跟踪HTTP请求，您将看到IE8加载js_test2.js两次。

如何防止表单元素发送一些我们不想要的字段？

我有一个表单元素，其中包含大约5个字段，最终查询将通过处理这些字段来创建。 所以我想只向服务器发送最终查询，而不是所有这些查询。 如何排除提交这些字段（使用jQuery）？ 表单提交的输出如下所示： abc/def.aspx?field1=val1&field2=val2&field3=val3&field4=val4&field5=val5&final=finalQuery

动态更改Tweet按钮“数据文本”内容

这个问题非常接近我所追求的： 用Jquery替换Tweet按钮中的属性 但是， 建议的解决方案只能使用一次。 也就是说，我不能在我的switch语句中使用它，如下所示： switch(element.id) { case “t1”: $(document).ready(function(){ $(‘a[data-text]’).each(function(){ $(this).attr(‘data-text’, Text_Variant_1); }); $.getScript(‘http://platform.twitter.com/widgets.js’); }); break; case “t2”: $(document).ready(function(){ $(‘a[data-text]’).each(function(){ $(this).attr(‘data-text’, Text_Variant_2); }); $.getScript(‘http://platform.twitter.com/widgets.js’); }); … } 发生的事情是data-text属性是根据先发生的情况设置的，之后不会改变。 如何根据需要多次更改Tweet按钮的数据文本属性？ 更新：这是我正在处理的页面：http： //zhilkin.com/socio/en/ 可以安全地忽略Traits表。 我想用Sociotypes表做的是，当你点击一个类型时，右边描述下面的Tweet按钮的数据文本应该相应地改变。 现在它的工作方式如下：如果我hover或点击“堂吉诃德”，那么数据文本将被设置为“…堂吉诃德……”，如果我稍后单击“Dumas”，它将保持不变。 反之亦然：如果我hover或单击“Dumas”，则数据文本将设置为“… Dumas …”，如果单击“Don Quixote”，则不会更改。 （其他类型目前都是空的。） 因此，Tweet按钮仅在我第一次运行脚本时更改，但我需要更新类型更改的次数。

后加载：检查图像是否在浏览器缓存中

简短版本问题：是否有navigator.mozIsLocallyAvailable等效函数适用于所有浏览器，或替代？ 长版:) 嗨，这是我的情况：我想为asp.net MVC实现一个HtmlHelper扩展，可以轻松处理图像后加载（使用jQuery）。 因此，我使用“alt”属性中指定的源渲染具有空图像源的页面。 我在“window.onload”事件之后插入图像源，效果很好。 我做了这样的事情： $(window).bind(‘load’, function() { var plImages = $(“.postLoad”); plImages.each(function() { $(this).attr(“src”, $(this).attr(“alt”)); }); }); 问题是：第一次加载后，缓存后加载的图像。 但是如果页面加载需要10秒钟，则在此10秒后将显示缓存的后载图像。 所以我想在“document.ready”事件中指定图像源，如果图像被缓存以立即显示它们。 我找到了这个函数：navigator.mozIsLocallyAvailable可以检查图像是否在缓存中。 这是我用jquery做的： //specify cached image sources on dom ready $(document).ready(function() { var plImages = $(“.postLoad”); plImages.each(function() { var source = $(this).attr(“alt”) var disponible = navigator.mozIsLocallyAvailable(source, true); if (disponible) $(this).attr(“src”, source); }); }); […]

我应该如何使用jcrop在客户端裁剪图像并上传它？

我想要做的是使用html fileupload控件选择图像，使用jcrop裁剪选择，在客户端裁剪图像并上传图像。 这里是小提琴链接https://jsfiddle.net/govi20/spmc7ymp/ Id在代码中使用： jcrop图像的目标 照片文件上传控件 预览canvas预览 clear_selection按钮清除所选区域 设置jcrop。 jQuery(function($){ var api; $(‘#target’).Jcrop({ // start off with jcrop-light class bgOpacity: 0.5, keySupport: false, bgColor: ‘black’, minSize:[240,320], maxSize:[480,640], onChange : updatePreview, onSelect : updatePreview, height:160, width:120, addClass: ‘jcrop-normal’ },function(){ api = this; api.setSelect([0,0,240,320]); api.setOptions({ bgFade: true }); api.ui.selection.addClass(‘jcrop-selection’); }); }); 清除选择。 jQuery(‘#clear_selection’).click(function(){ $(‘#target’).Jcrop({ setSelect: [0,0,0,0], }); […]

用于仅允许单击特定日期的网页的Datepicker

是否有Javascript或某些库可以为网页创建一个日期选择器（类似于Jquery UI DatePicker ，它只允许某些日期可点击和突出显示。 例如，在服务器端，我可以指定一个天数数组来启用选择。

jQuery width（）和height（）为img元素返回0

所以我创建一个新的图像元素，一旦我从AJAX调用响应图像元数据，如下所示： var loadedImageContainter = $(”); var image = $(”); loadedImageContainter.append(image); $(‘.loading-image’).replaceWith(loadedImageContainter); var width = image.width(); var height = image.height(); console.log(width); console.log(height); 但是width（）和height（）函数返回0，尽管图像大小为30 x 30 px并且它在页面上正确显示。 我需要得到它的尺寸，以绝对定位图像。

JQuery检测Programatic变更事件

如果我执行jQuery（expr）.change（function），那么当用户对值进行更改时，我可以触发事件函数。 如果它以编程方式改变，即如果我调用jQuery（expr）.val（“moo”），是否有可能触发它。 或者，如果一些普通的旧JavaScript改变了它的价值？ 谢谢你的帮助。