Wordpress中的Javascript冲突

Javascript Conflict in Wordpress

本文关键字:冲突 Javascript 中的 Wordpress      更新时间:2023-09-26

我正试图通过右侧边栏小部件内的Javascript加载Aweber表单。表单加载,尽管它看起来与我在Aweber中设计的方式不同。我有90%的把握这是一个Javascript冲突,因为我在部分中用wp_enque_script加载了Aweber表单,该表单看起来是正确的(但我不希望该表单实际出现在标题部分中。网站可以在这里找到:http://www.richmindonline.com/yourunlimitedself.

显然,Aweber脚本是直接调用获取web表单的操作,所以我无法将其加载到中,或者它显示在我的页面顶部。那么,有没有一种方法可以将我的表单加载到页面上的正确位置,同时仍然使用wp_enque_script来解决冲突?

这是Aweber表单的代码(格式错误以欺骗文本编辑器)。此代码当前位于右侧边栏的"文本小部件"中:

 <script type="text/javascript" src="http://forms.aweber.com/form/74/1378551674.js">
</script>

具有相关代码的实际头部如下所示。我不知道我应该在这里做什么。

 <?php wp_enqueue_script('jquery'); ?>     
<?php wp_head(); ?>

此外,这是代码的相关部分,目前尚未根据我的需要进行更改。

<script src="<?php bloginfo('template_directory'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.colorbox-min.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/functions.js" type="text/javascript"></script>

如果不看到错误和行号等,很难说出冲突的位置。

这不是你问题的确切答案,但根据你提供的信息,这是一个潜在的解决方法。Aweber应该为您提供将表单的HTML复制并粘贴到小部件中的选项,而不是javscript代码。

这样做的好处是,您可以编辑HTML,使其看起来与您想要的完全一样。缺点是,每次你想更新表格时,你都必须去你的网站,而不是在Aweber中更新。