- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将工作中的大量站点从非常旧的 jQuery 版本(1.2.6、1.4.3)升级到最新版本(1.9.1)。事情进展顺利 - 迁移脚本完成了大部分跑腿工作,尽管这只适用于 1.6.4 到 1.9.1,我想我已经完成了大部分需要排序的其他更改。
我遇到了一些问题,主要的一个是从 .attr()
到 .prop()
的更改 - 正如所有我们的代码使用 .attr()
,如果我们只是将其更改为使用 .prop(),则会出现一些中断,特别是一些用于过滤商店中的产品的链接 - 这些链接会调用 AJAX 调用并执行其他处理被点击时。
我最初的“修复”(用非常大的空引号)是基于简单地将调用从一个重定向到另一个:
$.fn.attr = $.fn.prop;
我确信这会带来一大堆错误,尽管它修复了最初被破坏的问题。从那时起,我只注意到它引起的另一个错误(无论如何,到目前为止),即它导致 href 属性(可能是以 # 开头的 anchor )返回完整的标准化 URL - http://jsfiddle.net/eT6xE/1/
<a href="#something"><span>Product Details</span></a>
<div></div>
$('div').append( $('a').attr('href') );
$('div').append( '<br />' + $('a').prop('href') );
// #something \n http://fiddle.jshell.net/eT6xE/1/show/#something
鉴于这是我注意到的唯一错误,我尝试了一下并想出了一个解决方法 - http://jsfiddle.net/M92CE/1/ - 这似乎有助于重新引入原始功能。尽管这对于 href attr/prop 问题来说似乎是一个相当干净的解决方案,但我忍不住觉得最初的修复......距离它可能的目标还有很长的路要走。
是否有任何“标准”方法可以重新引入此功能,如果没有,是否有更好的方法?
干杯。
最佳答案
jQuery 1.9 删除了很多以前版本中已弃用的旧功能。正如您所发现的,从 jQuery 1.2 迁移到 1.9,您几乎肯定会遇到很多问题。
幸运的是,jQuery 1.9 有一个名为 jQuery Migrate 的配套库。为了向后兼容旧版本,这将恢复 1.9 中删除的所有旧的已弃用功能。
如果您需要恢复旧代码并使用最新的 jQuery 版本运行,请使用 jQuery Migrate 使其正常工作。
但是,请记住,Migrate 库的目的是帮助您过渡到新功能,而不是让您的代码停留在过去。因此,请使用 Migrate 使代码正常工作,但随后您需要开始考虑更改代码,以便不需要 Migrate。
这可能是一项相当大的工作,具体取决于您拥有的代码量,但是使用 Migrate 可以让您逐一进行这些更改,而不必一次修复所有内容。
希望有帮助。
关于jQuery 升级、.attr 和 .prop - 1.2.6 到 1.9.1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16014534/
我仍在学习如何将 API 数据与 react 和 nextjs 一起使用。但是,为什么我的函数只在我编写 {props.props.title} 而不是我期望的 {props.title} 时起作用?
我仍在学习如何将 API 数据与 react 和 nextjs 一起使用。但是,为什么我的函数只在我编写 {props.props.title} 而不是我期望的 {props.title} 时起作用?
我正在用 TypeScript 构建一个 React 应用程序。我有一个 RequiresPermission基于谓词的组件应该渲染一个或另一个组件并转发所有 Prop 。 type Props =
我想通过 gatsby 布局传递我所有的 props。例如: import React, { Component } from 'react'; export default class Exampl
如果我使用合成属性,那我为什么不直接说: self.property = nil; 这将释放引用计数,并确保我没有悬挂指针。 看起来很简单,但我看到的 99% 的代码似乎都是这样做的: [proper
Eslint 抛出 eslint(react/prop-types) 错误,尽管已经声明了 propTypes。我正在使用 eslint-plugin-react 我研究了其他几个类似的问题以及 li
我正在使用以下由 linter eslint-plugin-react 解析的代码。它返回警告: "product is missing in props validation" 当我在底部的 pro
我正在尝试在 React 应用程序中添加 TypeScript。 版本: "react": "16.9.0", "typescript": "3.5.3", 我有一个像这样的数组 import aLo
我有一个组件 . 如果组件没有 this.props.children , 我想设置 Prop ariaLabel作为isRequired ,否则 in 可以是可选的。我该怎么做? ariaLabe
我应该用一个代替另一个吗?一起使用它们更好吗?谢谢。 最佳答案 prop in obj 检查 obj 是否有名为 prop 的属性,即使它只是从原型(prototype)继承而来。 obj.hasOw
我的组件 Text有 2 个 Prop :isHideable: boolean和 hidden: boolean .我如何允许 Hidden仅在 isHideable 时作为 Prop 是true
我试图将带有一些 Prop 的功能组件发送到另一个组件,并在接收组件中尝试键入检查该组件的某些 Prop 。这是代码: // BaseButton.tsx export type ButtonProp
是否可以从也作为 prop 传递的未知组件推断出正确的 props 类型? 如果已知组件(存在于当前文件中),我可以获得 Prop : type ButtonProps = React.Compone
我对 react 还很陌生,这是我正在努力解决的问题。 有一个父组件 家长 它将 Prop 传递给 child 。 其中一个 Prop ,包括一个要渲染的元素,如下所示: 在子组件中,我想获取这个组
我想做一个 Tabs推断 active 的可能值的组件prop 基于它的 child 拥有的东西 name Prop 。这就是我尝试这样做的方式: import React from 'react'
我对 react 还很陌生,并且只有当用户开始向下滚动时,我才尝试将更多信息加载到记录数组中。问题是新信息出现在数组中,但如果您尝试调用它,它将返回undefined。我在这里不明白什么? 父组件:
因此,如果我对一个组件有很多不同的 Prop ,我希望我可以做类似的事情 const { ...props } = props; 而不是 const { prop1, prop2, prop3, ..
这是我寻求指导的问题类型,因为我不确定我正在寻找的内容是否存在...... 上下文:我正在使用 Firestore 来保存数据,并且正在构建一个可重用的自定义 Hook (React 16.8),以便
我有一个 React 组件,它获取一个配置对象作为 prop,它看起来像这样: { active: true, foo: { bar: 'baz' } } 在
如何附加另一个属性?我有一个 react 组件,其中有人传入 ...props,我想附加一个额外的 Prop 最佳答案 请记住,传递 Prop 的顺序将决定将哪个值传递给该组件。这适用于有两个同名
我是一名优秀的程序员,十分优秀!