Tag: 聚合物

使用iron-ajax进行递归调用？: 我怀疑我离开这里，但基本上我正在尝试检索门票列表，然后检查每张门票的详细信息。我有第一部分工作，但当我试图添加“递归”部分时，它只是失败了。这是列出ID的工作代码： <iron-ajax auto url="https://.freshdesk.com/api/v2/tickets” headers='{ “user”: “”, “pass”: “X”, “sendImmediately”: “true” }’ handle-as=”json” method=”GET” last-response=”{{ticketList}}” with-credentials> {{item.id}} 我尝试了一些东西，包括一个新的iron-ajax和template中的模板与不同的URL（ “/tickets/” + {{item.id}} ），但我认为这甚至不接近正确的方法。我在DOM中获得的是一个具有#document-fragment的模板元素那么如何获取/ tickets / 20，/ tickets / 21等的详细信息？

聚合物中纸元素的多重validation: 我想立即validation多个纸质元素字段。现在它只与一个领域完美配合。这个适用于一个领域，但只有在焦点改变时 – >不好这个适用于一个领域 – >更好 var scope = document.querySelector(‘template[is=auto-binding]’); scope.inputAction = function(e) { var d = document.getElementById(‘decorator’); d.isInvalid = !e.target.validity.valid; } 现在我想扩展function，这是我的想法到目前为止： var scope = document.querySelector(‘template[is=auto-binding]’); scope.inputAction = function(e) { ($(this).parent())[0].isInvalid = !e.target.validity.valid; } 我的想法是获得父字段而不是按ID获取字段。你有一个想法，为什么它不起作用？我没有得到错误它只是不起作用。或者你有其他建议吗？我喜欢RegEx的validation，但它并不适合我。从最近的纸质元素更新看起来好像很多人都有validation问题。有趣的是，即使Polymer在他们的演示站点上没有多个validation，只需要： https ： //www.polymer-project.org/components/paper-input/demo.html 否则我可以复制它……

多次铁塌不工作，只是先扩大: 我正在尝试创建多个含有内容的铁塌陷元素。当用户点击按钮时，我希望铁塌缩。问题是我无法单独扩展每个元素。该脚本仅捕获第一个元素，不会影响其他元素。我尝试了很多代码示例但没有成功。有人能帮我吗？我的代码如下： var expandContent = document.getElementById(‘mybutton’); expandContent.onclick = function(event) { var moreInfo = document.getElementById(‘moreinfo’); var iconButton = Polymer.dom(event).localTarget; iconButton.icon = moreInfo.opened ? ‘hardware:keyboard-arrow-down’ : ‘hardware:keyboard-arrow-up’; /*moreInfo.toggle();*/ /* This one works to, don’t know which is better */ event.currentTarget.parentElement.querySelector(‘iron-collapse’).toggle(); }; Primary text Secondary text Second item Third item 我只想在按下相应的按钮后展开一次折叠。有没有办法改变这个代码来实现我需要的，没有完全重写，因为只有这个代码铁崩溃正常工作并更改其属性expanded =“是/否”，我后来使用cookie？

使用Polymer通过HTML Imports包含jQuery不能在Safari和Firefox中使用: 我试图通过HTML Imports在主页面中包含jQuery，但它只适用于Chrome。 Safari和Firefox都在主页面的JavaScript代码的第一行上抛出了“ReferenceError：$ is not defined”消息。似乎页面上的JavaScript代码是在Safari或Firefox中加载jQuery对象之前执行的。我使用的是最新版本的Polymer（0.4）和jQuery（2.1.1）。以下是一个最小的例子： jquery.html main.html中 Import jQuery $(document).ready(function() { console.log(“Hello World!”); }); 我错过了一些明显的东西吗？谢谢！

聚合物核心-ajax跨域问题: 我正在尝试使用Polymer和core-ajax组件进行跨域调用。我一直回来在请求的资源上没有’Access-Control-Allow-Origin’标题。我的组件代码如下如果我使用jQuery和以下代码片段，它可以工作 $.getJSON(‘http://api.meetup.com/2/event_comments/?key=MyKeyc&event_id=191593992&callback=?’) 所以我想我的问题是什么voodoo魔法是jQuery使用的聚合物不是，我如何解决它？我检查了控制台，一切看起来都一样（标题，参数等）。

聚合物纸波纹: 当按下按钮时，我试图改变元素的颜色。我想要在按下按钮并且颜色改变时在该元素中触发纸张波纹效果。我该怎么做？目标要素： Heading 触发元素：使用Javascript： $(“.def”).click(function(){ $(“.abc”).css(“background-color”, $(this).css(“background-color”)); });

如何在polymer.dart组件中使用jquery访问shadow dow: 在我的polymer.dart组件中，我想用jquery访问shadow dom。在dart我可以像这样访问节点的id： $[“testname”].attributes[“id”] 要么 shadowRoot.querySelector(“#testname”).attributes[“id”] 这是如何用jquery完成的 context.callMethod(r’$’, [‘#testname’])[“id”] 显然不起作用。

使用javascript / jquery访问shadow DOM属性（聚合物）？: 我目前正在使用聚合物的core-scaffold＆co。创建带有内容区域的标题/侧边栏。我目前遇到的问题是我无法访问内容元素的某些属性，例如scrollTop。（因为我需要访问的实际scrollTop属性是在shadow DOM中定义的。）这与我正在使用的lazyload jquery插件冲突。该插件正在检查window.scrollTop，但更改插件以检查我的内容的scrollTop（滚动而不是窗口）将不会产生任何影响，因为scrollTop在shadow DOM中“隐藏”。有没有办法访问阴影DOM元素？我唯一能找到的就是访问你自己用createShadowroot创建的阴影DOM对象（或任何它被称为），但我似乎找不到任何关于如何访问已存在/创建的阴影根的参考。示例代码如下

如何将jquery ui小部件嵌入到聚合物-dart web组件中: 我尝试将一个jquery ui小部件，一个日期选择器嵌入到聚合物飞镖web组件中。 Web组件的定义如下：这个小部件的初始化是在JS中完成的 $(function() { $( “#datepicker” ).datepicker();}); 如何在我的polymer.dart webcomponent中初始化dart中的小部件。我尝试使用’dart：js’来调用该方法，但我无法使用dart：js访问阴影dom。同 shadowRoot.querySelector(“#datepicker”) 我可以访问shadow-dom，但是如何调用JS方法 – datepicker（） – 就此而言