將jQuery UI應用於Optimizely代碼？

我試圖附加一個div到網站的正文，然後通過將其滑動到左側，當用戶使用jquery單擊關閉按鈕時將其隱藏。該網站目前正在使用Drupal 7，由於多種原因，直接編輯文件是不可能的。我正在使用Optimizely來應用此。將jQuery UI應用於Optimizely代碼？

我知道我需要應用的正確的jquery函數，但我的主要問題是如何從Optimizely中將jQuery UI添加到我的文檔，以便它適用於我在編輯代碼部分中添加的jQuery代碼。下面是我有我要追加的股利，提供給該按鈕標籤jQuery的.hide功能：

$("body").append("<div id=\"faceboxwrap\"> 
<div id=\"facebox\" style=\"height:500px; width:320px; z-index:99999; position:fixed; margin-left:0px; bottom:20px; background-image:url(..);\"> 
<div class=\"action-link field-name-field-fa-link\" style=\"float:left; margin-top:360px; padding-right: 10px; \"> 
<div class=\"field field-name-field-shared-splash-link field-type-link-field field-label-hidden\" style=\"width: 175px; margin-left: 103px; margin-right: auto; top: 38px; background-color: rgb(204, 51, 51); \"> 
<div class=\"field-items\"> 
<div class=\"field-item even\"> 
<a href=\"...\" id=\"trackDonate\" style=\"padding-right: 10px;\">DONATE $10</a> 
</div></div></div>\n 
<div style=\"text-align: center; width: 100%; color: rgb(121, 121, 121); font-size: 13px; margin-top: 60px; margin-left: 115px;\"> 
<button id=\"close\" style=\"font-weight: bold; font-size: 14px; cursor: pointer; text-transform: lowercase; cursor: hand;\" onclick=\"$('#faceboxwrap')hide('slide', {direction: 'left'}, 1000));\"> No thanks </button> 
</div></div></div></div>");

有沒有什麼辦法了jQuery UI腳本適用於這個div不編輯實際的網站？ JavaScript源我想補充的是：http://code.jquery.com/ui/1.10.4/jquery-ui.js

我試圖用這個代碼，應用它，但它沒有工作：

$(function(){var fileRef1 = document.createElement('script'); 
fileRef1.setAttribute("type","text/javascript"); 
fileRef1.setAttribute("src","http://code.jquery.com/ui/1.10.4/jquery-ui.js"); 
document.head.appendChild(fileRef1);});

我一直在試圖爲四個多小時做與我能找到的每一個技巧，我不能讓它工作。任何幫助都會很棒。謝謝。

來源

2014-01-31 user3255115

我想通了。我需要改變

onclick=\"$('#faceboxwrap').hide('slide', {direction: 'left'}, 1000));\"

到

onclick=\"jQuery('#faceboxwrap').hide('slide', {direction: 'left'}, 1000));\"

來源

2014-01-31 15:33:50 user3255115

這聽起來像是你的'$'可能被覆蓋或不分配。據我所知，Optimizely正在使用'$'（適用於我），但它總是以'jQuery'的形式提供。 – simbabque

Optimizely覆蓋'$'別名以指向jQuery的一個子集，它排除了很多DOM操作函數，如show/hide。 jQuery函數仍然指您在頁面的其他位置導入的jQuery的完整版本，這就是爲什麼當您調用「jQuery.hide」時它會起作用。 –

將jQuery UI應用於Optimizely代碼？

回答

相關問題