将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代码？

回答

相关问题