3

我正在使用Moovweb SDK制作网站的移动版本，我需要将图像从一个 div 移动到另一个。我怎样才能使用氚来做到这一点？

<body>
  <div class="kittens">
    <img src="images/husky.jpg" id="husky">
  </div>

  ...

  <div class="puppies">
    [need to move img here]
  </div>
</body>
4

2 回答 2

5

有几种方法可以做到这一点。

我觉得最吸引人的方法是使用一些 XPath 轴和 move_here 命令：

$("./body/div[contains(@class,'puppies')]") {
  move_here("ancestor::body/div[contains(@class,'kittens')]/img[@id='huskey']")
}

这种方式使用更少的字符获得相同的效果（但速度较慢）：

$("//div[contains(@class,'puppies')]") {
  move_here("//img[@id='huskey']")
}

我喜欢第一种方式的原因是，一般来说，你要找的img不会离body那么近。而不是做ancestor::body你可以做的//img[@id=''huskey]，但这可能会慢得多。使用祖先的另一个好处是它显示了两个元素之间的联系。

于 2013-04-23T17:50:10.080 回答
4

您可以使用 move_to 或 move_here。

使用 move_to，它看起来像这样：

$("./div[contains(@class, 'kittens')]") {
  move_to("../div[contains(@class, 'puppies')]")
}

现场测试：http: //play.tritium.io/311b7aad88ac174899dc4c2f7ebc7407db1ea08d

于 2013-04-23T17:56:09.253 回答