2013-07-23 32 views
3

因此,有時在使用Moovweb SDK時,客戶端會將AJAX放在內容點中,但它會出現在不正確的區域?如何在Javascript/Moovweb SDK中移動AJAX的內容?

我不能用氚來移動這個內容,因爲我想移動它的區域是在頁面加載後插入的!

例子:

<div class="where-i-want-to-move-it"></div> 

<div class="content-area-i-want-it-moved-from"> 
    <p class="content-i-want-moved">Hi! This was ajaxed in at a later date!</p> 
</div> 

我如何可以檢測到通過AJAX加入這個p標籤時,我無法控制自己的JS火一個特定的事件,或者觸發不同的回調?

+0

我很肯定你必須有一種方法來告訴它你想在哪裏放第一個位置...... – Ryan

+0

Hey Minitech,在moovweb SDK中,你依賴於客戶的JS。所以有時候,你不能移動ajax容器,因爲它會導致一個javascript錯誤。所以你必須等待內容先填充,然後移動它! –

回答

0

一種選擇是監聽節點更改 - 請參閱this post - 並假設您可以定位正確的突變事件,並使用JavaScript手動移動內容。

0

我們公司避免使用MutationObserver,因爲older versions of Android and IE don't recognize it

取而代之的是,we have begun implementing CSS Animations。您可以將CSS插入到.ts文件中,以將動畫@keyframes分配給元素。然後,我們添加一個JS偵聽器來偵聽「webkitAnimationStart」。所以現在當AJAX的內容加載時,監聽器會立即被觸發,現在我們可以使用JS來操縱新的DOM。

這是一個很好的竅門,並且在完全實現時是跨瀏覽器兼容的。