使用氚移動html元素

我使用Moovweb SDK來製作移動版本的網站，我需要將圖像從一個div移動到另一個div。我怎樣才能用氚做到這一點？使用氚移動html元素

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

    ... 

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

來源

2013-04-23 Alex De Simone

有幾種方法可以做到這一點。

我覺得最有吸引力的方法是使用一些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不會如此接近身體。而不是做ancestor::body你可以做//img[@id=''huskey]，但這可能會慢得多。使用祖先的另一個好處是它顯示了兩個元素之間的聯繫。

來源

2013-04-23 17:50:10

您可以使用move_to或move_here。

隨着MOVE_TO，它應該是這樣的：

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

測試直播：http://play.tritium.io/311b7aad88ac174899dc4c2f7ebc7407db1ea08d

來源

2013-04-23 17:56:09 fegemo

使用氚移動html元素

回答

相關問題