3

Moovweb SDKを使用してWeb サイトのモバイル バージョンを作成しており、ある div から別の 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']")
}

私が最初の方法を好む理由は、一般的に、探している画像が体にそれほど近くないからです。を実行する代わりに、ancestor::body実行できます//img[@id=''huskey]が、これはおそらくはるかに遅くなります。祖先を使用するもう 1 つの利点は、2 つの要素間の接続を示すことです。

于 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 に答える