【问题标题】:WordPress not using my javascript?WordPress 没有使用我的 javascript?
【发布时间】:2012-10-08 06:09:17
【问题描述】:

我正在尝试使用 jQuery 创建 ajax 表单提交和验证,但 wordpress 拒绝执行我的代码。

我有这个 sn-p,正在处理 http://jsfiddle.net

$(document).ready(function(){
    alert("Test");
    $('.sendbutton').click(function(){
        var nimi = $('input[name=nimi]').val();
        var viesti = $('textarea[name=viesti]').val();
        $('.control-group').removeClass("error");

        if(nimi == ""){
        $('.control-group#nimi').addClass("error");
        return false;    
        }
        if(viesti == ""){
        $('.control-group#viesti').addClass("error");
        return false;    
        }
        var message = $('#contact').serialize();
        alert(message);return false;
        $.ajax({
        data : message,
        error : function(){alert('Viestiäsi ei lähetetty. Yritä uudelleen?');},
        success : function(){alert('Onnistui');}




        });
        return false;
    });
});​

但它不适用于 wordpress 或我的主题。我正在使用 Roots 主题(Twitter Bootstrap),我尝试将代码放在 plugins.js 中,因为 jQuery UI 正在工作,我把它放在那里,但没有。包含来自不同文件的脚本

【问题讨论】:

  • 尝试将此脚本添加到您的wp-content/themes/Roots theme/header.php
  • 我想我说过将脚本包含在 head 中是行不通的。
  • 其实你没有,如上所示。
  • 我建议你用chrome,然后view element看看有没有js错误?
  • 好吧,如果我把它放在头上就行不通了。

标签: javascript wordpress twitter-bootstrap wordpress-theming


【解决方案1】:

来自法典:

WordPress 附带的 jQuery 库加载到“no conflict”中 模式。这是为了防止与其他 javascript 的兼容性问题 WordPress 可以加载的库。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers

你应该使用:

jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
});

【讨论】:

  • 谢谢!我没有考虑过,因为我只使用 jQuery。
猜你喜欢
  • 2014-10-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-09
  • 2015-07-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多