- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用Polymer.dart使用jQueryUI和jQueryUI-touch-punch开发小型Dart应用程序。当我不使用Polymer.dart时,一切正常。但是使用Polymer.dart时,出现了几个问题。这是我的代码。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dart and jquery ui with Polymer</title>
<!--- stylesheet --->
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.4.custom.min.css">
<link rel="stylesheet" href="dart_and_jquery_ui_with_polymer.css">
<!--- ---------- --->
<!--- JSLib --->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.1.0.min.js"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui-1.10.4.custom.min.js"><\/script>')</script>
<script src="js/libs/jquery.ui.touch-punch-0.2.3.min.js"></script>
<!--- ----- --->
<link rel="import" href="main_component.html">
<script type="application/dart">
export 'package:polymer/init.dart';
</script>
</head>
<body>
<h1>Dart and jquery ui with Polymer</h1>
<p>Hello world from Dart!</p>
<!-- CUSTOM ELEMENT -->
<main-component></main-component>
<script src="packages/browser/dart.js"></script>
<script src="packages/browser/interop.js"></script>
</body>
</html>
<!DOCTYPE html>
<meta charset="utf-8">
<polymer-element name="main-component">
<template>
<div id="sample_container_id">
<button id="btn1">OPEN JSVer</button>
<button id="btn2">OPEN DartVer</button>
<div id="msg1">
Hello, world1!
<div>
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
<button>btn4</button>
<button>btn5</button>
</div>
</div>
<div id="msg2">
Hello, world2!
<div>
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
<button>btn4</button>
<button>btn5</button>
</div>
</div>
</div>
</template>
<!-- JSScript -->
<script src="js/js_main.js"></script>
<!-- -------- -->
<!-- DartScript -->
<script type="application/dart" src="main_component.dart"></script>
<!-- ---------- -->
</polymer-element>
$( function(){
// The code in this JS file totally doesn't work...
// But there is no error message in JS console...
// btn1 config
$('#btn1').click( function() {
$('#msg1').dialog('open');
} );
// msg1 config
$('#msg1').dialog({
autoOpen: false,
buttons: {
"OK": function() {
$(this).dialog('close');
}
},
title: "Dialog1",
resizable: false,
modal: false,
show: 'fold',
hide: 'puff'
});
// btn2 and msg2 configs are implemented in Dart side.
} );
import 'package:polymer/polymer.dart';
import 'dart:js' as js;
@CustomTag('main-component')
class MainComponent extends PolymerElement {
MainComponent.created() : super.created(){
// Constructor...
}
@override
void attached(){
super.attached();
// btn2 config
js.context.callMethod(r'$', [ $['btn2'] ])
..callMethod('click', [
([arg]){
js.context.callMethod(r'$', [ $['msg2'] ])
..callMethod('dialog', ['open']);
}
]);
// msg2 config
js.JsObject options = new js.JsObject(js.context['Object']);
options['autoOpen'] = false;
options['buttons'] = new js.JsObject(js.context['Object']);
options['buttons']['OK'] = ([arg]){
js.context.callMethod(r'$', [ $['msg2'] ])
..callMethod('dialog', ['close']);
};
options['title'] = "Dialog2";
options['modal'] = false;
options['show'] = 'fold';
options['hide'] = 'puff';
js.context.callMethod(r'$', [ $['msg2'] ])
..callMethod('dialog', [options]);
}
}
最佳答案
您的jQuery元素选择代码$('#msg')
,$('#btnx')
在shadowDOM中找不到任何元素。可能还有其他问题,但这很明显。
关于dart - jQueryUI和jQueryUI触摸打洞不适用于Polymer.dart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22075494/
我该怎么做 touch R 中的文件(即更新其修改时间而不更改其内容)?我正在寻找一个跨平台的内置(或打包)等效于: system2("touch", file_name) 最佳答案 我找到了 an
我想在 android 中实现 body 部位选择。我的要求是,当我点击特定部分时,图像应用程序应该能够识别 body 部位并且所选部分的颜色应该改变。附上示例图像以供引用。 如有任何想法或建议,我们
我需要将3D模型加载到我的应用程序中(不是游戏,它没有任何区别),并检测用户何时触摸此模型的特定部分以采取不同的操作。 我怎样才能做到这一点?可能吗? 最佳答案 我不熟悉Rajawali,但GitHu
似乎连续触摸总是被它起源的控件捕获。是否有标准方法将触摸/手势传递给当前触摸结束的控件? 最佳答案 控件显示在 UIView 对象内部的屏幕上。 iOS 使用第一响应者的概念来处理 UIView 对象
我有一个 UIScrollView 实例,允许用户放大/缩小。我已经根据文档实现了一个委托(delegate)来处理这个问题。但是,我想知道用户触摸 ScrollView 的位置(相对于 Scroll
我正在创建一款射击游戏,您可以触摸屏幕,玩家可以射击。我遇到的问题是,当你触摸屏幕并按住它并拖动它时,它会快速射击。处理这个问题的最佳方法是什么? 我希望玩家能够按住手指并以稳定的速度射击,而手指向上
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typ
这是我从触摸事件中获得的返回数据。明显缺少任何有用的触摸 X/Y 坐标 ( https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/ch
因此,我有一个屏幕,其中包含 0 到 6 个通过 XML 包含的相同用户界面组件。类似这样的东西: ...等等 每个包含的 UI 都是我重复使用的几个小部件和自定义组件的集
我希望能够更改文件的修改日期以便在 Web 应用程序中使用。目前我直接在命令行上测试这个。在我的 Mac 上工作正常,但是当我在 Linux 服务器上执行此操作时出现错误。 命令:/bin/touch
概念问题: 我在使用 touches 时遇到了一个非常简单的问题属性,自动更新依赖模型的时间戳;它正确地这样做了,但也应用了全局范围。 有什么办法可以关闭这个功能吗?或专门询问自动 touches忽略
我很难在一个简单的等距 Sprite Kit 游戏中实现点击处理。 我有一个包含多个 Tile 对象(SKSpriteNode)的 map (SKNode)的游戏场景(SKScene)。 这是 map
有没有办法在触摸事件后恢复 Flexslider 幻灯片的自动播放?现在看来,一旦我滑动导航,幻灯片就会停止...... 最佳答案 FLEXISLIDER 2 更新 resume()事件不再存在,正确
有些游戏有一些小图片作为 Sprite ,可以通过触摸来移动。如果 Sprite 是较大的图片,触摸是很正常的。我们可以使用函数CGRectContainsPoint检查 Sprite 。但是当 Sp
我有一个 View 覆盖到 iPhone 的相机 View 上。在此 View 中,我有一些 uibuttons,它们显示的位置取决于加速度计/指南针的值。当用户在 View 内触摸但没有在 uibu
我有一个 UIView 和一个 UIWebView。 UIWebView 是 UIView 的 subview 。 UIWebView 包含 YouTube 视频,并设置为让视频适合 UIWebVie
我是通过 XCode 使用 SDK 版本 5.0 进行 iOS 开发的新手。在我的应用程序中,我需要在按下按钮时更改按钮的标题。 假设在正常状态下它是“未推送”的。我所需要的是,当我按下按钮时,按钮标
我需要防止我的网络应用程序中的水平滚动。我尝试在 touchmove 事件上使用 PreventDefault(),但它也阻止垂直滚动。 有什么想法吗?^^ 我的尝试: $(document)
对于完全适合动画组方法的动画效果,如Brad Larson's answer here所示,我需要动画根据输入进行。特别是触摸和检测到的触摸的位置。处理 TouchMoved: 并为每次触摸设置元素的
我在屏幕上散布了一系列硬币。我想在触摸硬币时添加声音。 private Music coinSound; 在 show() 中: coinSound=assetManager.get(Assets.c
我是一名优秀的程序员,十分优秀!