Tag: jQuery

如何模仿背景大小：覆盖<img>？: 如何调整图像大小并将其重新定位在一个盒子中，以覆盖整个盒子的方式，类似于background-size: cover工作方式。 <div class="box" style="width: 100px; height: 100px;"> <img src="pic.jpg" width="413" height="325"> </div> 我知道我必须添加overflow:hidden到框和图像需要的position: absolute 。但是这个公式是什么让我的形象正确的新大小，并离开+顶部位置？

在input隐藏字段中存储返回json值: 我想知道是否有可能将返回的json存储在隐藏的input字段中。例如，这是我的JSON返回： [{"id":"15aea3fa","firstname":"John","lastname":"Doe"}] 我想只是将ID存储在隐藏字段中，以便稍后可以引用它来执行某些操作。例如：我有这样的东西： <input id="HiddenForId" type="hidden" value="" /> 并希望jquery稍后将值返回给我： var scheduletimeid = $('#HiddenForId').val();

jquery的live（）已被弃用。我现在用什么？: 我在jQuery文档中看到live（）已被弃用。有直接replacefunction吗？

jquery：专注于div是行不通的: ajax函数结束后。在成功的消息中，我将重点放在特定的div上。但它不工作。我的代码在这里。 $j.ajax({ url:"<?php echo admin_url( 'admin-ajax.php' ); ?>", type:"POST", data:"action=press_release&page="+0+"&do_task="+do_task+"&id="+id+"&module="+module, success:function(data){ $j("#com_cont").show(); $j("#com_cont").html(data); $j("#loading_heart").hide(); $j("#focus_point").focus(); } }); 这是代码不工作（不专注于div： $j("#focus_point").focus();

你如何调整jQuery的“-webkit-”前缀的CSS属性？: $(this).css({ -webkit-transform:'rotate(180deg)', -moz-transform: 'rotate(180deg)', -o-transform: 'rotate(180deg)', -ms-transform: 'rotate(180deg)' }); 这是抛出错误：未捕获的SyntaxError：意外的令牌 – 我真的希望我不必为这个实例安装jQuery Rotation插件。

哪些浏览器不支持jQuery.ajax的HTTP DELETE？: 可能重复： PUT，DELETE，HEAD等方法在大多数Web浏览器中都可用？ jQuery.ajax（）的jQuery文档说明如下：注意：其他的HTTP请求方法，比如PUT和DELETE，也可以在这里使用，但是并不是所有浏览器都支持。 jQuery本身说它支持IE 6.0+，FF 2+，Safari 3.0+，Opera 9.0+和Chrome。那么上面哪个（如果有的话）不支持HTTP DELETE？

如何在整个网站上组织大型的JS / jQuery代码库？: 你如何组织整个网站的大型JS / jQuery代码库？关于如何组织你的代码有很多很好的资源，但没有什么关于如何把它们放在一起，使每一块都适合：侧面广泛的代码组织，多个页面使用相同的代码，保持DRY与松耦合，等等以下是我如何处理它。我从来没有像我这样习惯于组织我的代码，因为我认为这是蛮横的，可能导致可维护性/扩展性问题，但是我并不知道更好。我意识到每个人都有自己的要求，没有交钥匙的解决scheme，但是我很想听到一些关于我做错了什么的意见，为什么我做错了，以及如何写更多的build议可维护的代码。我想我真的想要：你如何处理你需要在多个地方，多个页面上使用的逻辑？你如何组织页面特定的代码？将每个页面命名为全局对象是一个好主意？你从一开始就做了什么，以确保随着你的应用越来越大，你不会不断重新编写组织模式？我可能在我的第四次迭代写这个东西。每个页面接收主要的application.js文件。每个额外的页面都有自己的application.pagename.js文件。我使用服务器端逻辑来包含文件（首先检查是否存在一个页面 – 有些页面不需要JS），然后按顺序初始化它们。所以我的主页看起来像： <script src="js/application.js"></script> <script src="js/application.index.js"></script> <script> MyApp.init(); MyApp.index.init(); </script> 我的URL约定是/ page / subpage / id /。我有大约10页和一大堆子页面，每个子页面都需要自己的逻辑。看到这篇文章的最后一个例子。我的大部分代码已经被模块化为jQuery UI小部件或者jQuery插件，所以我会说在这些文件中有75％的代码是require（）一个小部件并启动它。我使用requireJS来根据需要提取小部件。 // application.js var MyApp = { init: function(){ var self = this; // these widgets are […]

修改尚未创build的元素的首选方式（除了事件）: 关于将未来的操作绑定到不存在的元素上，有很多问题最终都以现场 /代表来回答。我想知道如何运行一个任意的callback（例如添加一个类或触发一个插件）到所有匹配select器的现有元素，以及所有未来的元素匹配相同的select器尚未创build。看起来，livequery插件的主要function使它成为核心，但另一方面，随意的callback在某种程度上迷失了方向。另一个常见的答案是事件委托，但如果没有访问所有的供应商代码来创build元素来触发事件呢？这是一些真实世界的代码： // with livequery $('input[type=text], input[type=password], textarea, .basic_form .block select, .order_form .form_item select, .order_form .form_item input') .livequery(function(){ $(this) .focus(function(){ $(this).addClass('active'); }) .blur(function(){ $(this).removeClass('active'); }) .addClass('text'); }); // with live $('input[type=text], input[type=password], textarea, .basic_form .block select, .order_form .form_item select, .order_form .form_item input') .live('focus', function(){ $(this).addClass('active'); }) .live('blur', function(){ $(this).removeClass('active'); }); […]

使用“share_open_graph”Facebook UI为测验结果创builddynamic共享对话框: 简介：我的问题是通过share_open_graph方法让FB.ui根据用户在页面上的操作创build一个包含不同标题，描述和图片的自定义共享对话框。问题是我的第一个，我没有声望，所以无数的链接被删除，但（感谢大家谁给了我upvotes）我已经能够拯救截图，最初失踪。编辑：我结束了不得不使用一个普通的popup窗口与共享对话框，它不是理想的，但至less它可靠地工作。我越查看networking，我越发现许多备受尊崇的网站仍然使用这种popup式共享，所以我认为在这种情况下，使用传统解决scheme的优势超过了寻找适当解决scheme的广泛工作，我使用https://developers.facebook.com/docs/sharing/reference/feed-dialog/v2.2通过URL查询提供的dynamic详细信息，至less比sharer.php的使用情况更新看着Buzzfeed。我的页面：我有一个测验。十个问题，每个答案五个，结果产生五个选项中的一个作为“结果”。测验的一切都很好。当通过Ajax / jQuery完成测验时，结果会被拉进来 – 这样我们将来可以为其他人构build一个基于PHP的前端来pipe理测验的创build。虽然我很高兴在下面的代码中提供页面的URL，但是很抱歉 – 直到我解决这个问题，我无法公开发布，所以你不能访问它！我的目标：当显示测验的结果时，还应该有Facebook和Twitter共享button，这些button被定制为包括适合用户测验结果的图片，标题和描述。 Twitterbutton很容易做到dynamic 我只是使用jQuery创build一个Twitterbutton，使用与任何地方相同的HTML，我的dynamic描述作为data-text属性提供，然后调用twttr.widgets.load(); 激活button。 Facebook分享button是问题我不能添加一个“正常的”共享button – 它只有一个属性，URL（不会改变每个测验结果）。我无法更改页面上存在的通用Open Graph标记，尽pipejQuery可以做到这一点，但是Facebook的caching意味着它没有意义。此外，每个页面上的通用共享button（FB / Twitter / G +）应该保持不受影响，并始终共享默认的OG标签。所以我正在做的是创build一个链接，并用jQuery将其附加到页面上，然后用jQuery设置点击触发器动作。应用程序ID已经用FB.init（）代码块成功设置。这些是我尝试点击触发器的方法：尝试1： FB.ui({ method: "feed" }) FB.ui({ method: 'feed', name: "I got "+response.country+"! Which European are you destined to date?", […]

如何在不使用window.stop（）的情况下放弃image <img>加载请求: 我有一个非常长的页面，dynamic加载图片作为用户滚动浏览。但是，如果用户从页面的某个部分快速滚动，我不希望图像继续加载到页面的现在的视图外部分。除了图片加载之外，页面上还有很多其他请求发生，所以不能接受滚动事件触发的blunt window.stop（）。我已经尝试删除和清除不再可见的图像的img src属性，但是，由于请求已经启动，图像将继续加载。请记住，当用户简单地滚动页面的那一部分时，图像src被填充。一旦过去了，我不能不使用window.stop（）停止加载该图像。清除src没有工作。（Chrome＆FF）类似的post我发现，接近，但似乎并没有解决这个问题：停止使用JavaScript（lazyload）加载图像？ Javascript：取消/停止图片请求如何取消加载的图像