当设备屏幕调整大小时,我试图重新排列布局,所以我这样做:

if(screenOrientation == SCREEN_ORIENTATION_LANDSCAPE) {
        document.querySelector("html /deep/ [landscape-horizontal]").removeAttribute('vertical');
        document.querySelector("html /deep/ [landscape-horizontal]").setAttribute('horizontal', '');
}


这在台式机上正常运行,但是在移动设备(Android手机,平板电脑和iOS模拟器)中,我收到此错误:

"Uncaught SyntaxError: Failed to execute 'webkitMatchesSelector' on 'Element': 'html /deep/ [landscape-horizontal]' is not a valid selector.", source: bower_components/platform/platform.js (0)


有任何想法吗?
谢谢!

最佳答案

目前,在Shadow DOM polyfill中有一个open issue支持此功能。它适用于Chrome 35+,因为它使用的是本地阴影dom。

关于javascript - polymer/deep/选择器在移动设备中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24858786/

10-09 19:06