Tag: javascript

向下滑动并向上滑动div

我使用以下代码使用js打开和关闭div（向上/向下滑动） 我将滑动事件附加到按钮上，并且向上滑动事件以关闭文本。 我想要的是按钮onclick打开并再次点击关闭滑动元素。 这是JS // slide down effect $(function(){ $(‘.grabPromo’).click(function(){ var parent = $(this).parents(‘.promo’); $(parent).find(‘.slideDown’).slideDown(); }); $(‘.closeSlide’).click(function(){ var parent = $(this).parents(‘.promo’); $(parent).find(‘.slideDown’).slideUp(); }); }); HTML： Open 在我有的滑下区域 Close 任何帮助赞赏。 理想情况下，我想要一个向下滑动按钮上的向下箭头和一个向上指向的箭头来替换它以在同一个按钮上向上滑动。 并完全取消关闭链接。 任何帮助赞赏。 干杯

检测到一个位置：固定; 元素穿过另一个元素

我想知道是否有可能检测到具有css属性位置的元素：fixed; 滚动时越过另一个元素。 我的目标是防止固定位置div跨越不同高度的页面上的静态定位页脚，在较小屏幕上查看时页脚高度也可能会改变。 理想情况下，固定/可滚动div将定位为距离窗口底部20px，然后当用户滚动到页脚时，它将保持位于页脚上方20px处。

在typeahead搜索中出现重复记录

我正在使用typeahaead.js实现typeahead搜索，但是作为typeahead搜索框中的类型，在建议下拉列表中每个记录都会出现两次。我检查了数据源（即POST api调用），它只有唯一的记录。我在哪里做错了？帮助或相关链接。 即便控制也不会重复检测器。 这里讨论了类似的问题，但没有解决方案。 var result = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘value’), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: ‘https://api1.com/idocs/api’, wildcard: ‘%QUERY’, rateLimitWait: 300 , transport: function (opts, onSuccess, onError) { var url = opts.url; $.ajax({ url: url, type: “POST”, success: onSuccess, error: onError, }); }, filter: function (data) { if (data) { return $.map(data, function (object) { […]

上传前获取上传文件大小

当用户选择要上传的文件时，有没有办法在上传开始之前获得该文件的确切大小？ 我猜这需要在客户端使用jQuery或JavaScript完成。 有什么想法？

如果在预设的时间后没有完成加载，是否可以重新加载特定图像？ 使用Javascript / jQuery的

我正在运行在线摄影作品集，有时，页面上的1或2张图像无法加载。 并刷新将显示无法加载图像。 场景：我点击链接，图像开始加载。 但页面永远不会完成加载，因为其中一个图像无法加载。 刷新后，浏览器将失败的图像加载为良好的图像。 只有ctrl + F5才能清除缓存的失败图像。 计划的解决方案：我希望检测到10secs后未完成加载的图像，并使用javascript / jquery动态重新加载它们。 我找到了一种方法来强制浏览器通过在src =“image.jpg？id = dummyNo”后面添加一个虚拟的唯一查询字符串来重新加载图像。 但我不知道如何检测哪个图像没有完成加载，以便我可以重新加载它们。 是否有可能做到这一点？ 在旁注，我想了解网站压缩和图像（加载时间）优化，哪里是我阅读的好地方？

即使已经选中了单击的select2选项，也总是触发的“change”-event

我有一个原生的 -element，我正在初始化一个select2-downdown菜单。 我通过select2绑定了一个change-event，只要select2 / select-option被改变就会被调用。 但是，即使再次选择当前选定的选项，我也需要触发事件。 function onSelectChange(){ alert(‘changed’); }; $(“#select”).select2().bind(‘change’, onSelectChange); 我准备了一个http://jsfiddle.net/rb6pH/1/ – 如果当前选择了“Alaska”，然后通过select2-dropdown再次选择，onSelectChange（）将再次触发，触发警报。 我很难表达自己，请问一些事情是否不够明确。

在Woocommerce中将ajax添加到购物车事件后运行javascript代码

在woocommerce中，我有一个带有以下类的添加到购物车按钮： button product_type_simple add_to_cart_button ajax_add_to_cart 单击此按钮后，我想运行一个javascript代码。 这是一个自定义的JS文件。 单击此类时，如何触发自定义js文件？

来自AngularJS的$ success回调函数

我正在调用控制器来获取API值。 如何在$ http方法之外传递数组？ 我需要将一个数组pa[]传递给$scope.myData = pa; 。 首先，console.log（pa）打印值[10,20,30,40]。 其次，console.log（pa）清空数组[]。 JavaScript的 function Ctrl($scope, $http) { var url = “https://spreadsheets.google.com/feeds/list/0AsXjbsnPIu06dGswZUV4WX/values?alt=json-in-script&callback=angular.callbacks._0”; var pa = []; $http({ method: ‘JSONP’, url: url }).success(function (data) { for (i = 0; i < data.feed.entry.length; i++) { var entry = data.feed.entry[i]; pa.push(entry.gsx$productivity.$t); console.log(pa); //[10,20,30,40,50] } }); console.log(pa) // [] empty array $scope.myData = […]

未捕获的TypeError：对象＃没有方法’addPanel’

我正在尝试实现几乎跨浏览器的书签function，并在SO上找到了： 如何在我的网站上添加“添加到collections夹”按钮或链接？ 现在，我正在使用@ PHPst的答案.. $(function() { $(“#bookmarkme”).click(function() { if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(location.href,document.title,””); } else if( /*@cc_on!@*/false) { // IE Favorite window.external.AddFavorite(location.href,document.title); } else if(window.opera && window.print) { // Opera Hotlist this.title=document.title; return true; } else { // webkit – safari/chrome alert(‘Press ‘ + (navigator.userAgent.toLowerCase().indexOf(‘mac’) != – 1 ? ‘Command/Cmd’ : ‘CTRL’) […]

JQuery嵌套了这个引用

我有一些JQuery代码如下： $(“#sh-zone-button-cart-menu”).live(“click”, function(event) { event.preventDefault(); $(“#sh-zone-cart-menu”).toggle(0, function(){ if($(this).is(“:visible”)){ $(this).siblings(“.sh-zone-button-link-menu-content”).hide(); $(“#sh-zone-button-cart-menu”).parent().removeClass(“current”); //need to reference (this) for $(“#sh-zone-button-cart-menu”) here } }); $(“#sh-zone-button-cart-menu”).parent().toggleClass(“current”); }); 我试图从另一个子元素中访问我的初始点击的这个引用，即我想得到这个在我的live（）方法的第一个大括号之后可用的引用。 但是，我需要从另一个子元素中访问它，即在我的toggle（）方法中。 我怎样才能做到这一点？ 谢谢。