带有jquery错误的Wordpress脚本

时间:2015-12-04 19:52:24

标签: javascript jquery wordpress

我希望你可以帮我解决这个问题,我正在测试搜索框脚本搜索旅行包,但我认为这会导致与WP Jquery,主题或插件的冲突,我将此代码包含在标题中用于搜索框:

<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>

(function(a){if(typeof define==='function'&&define.amd)    {define(['jquery'],a)}else{a(jQuery)}}(function($){if($.support.cors||!$.ajaxTransport||!window.XDomainRequest){return}var n=/^https?:\/\//i;var o=/^get|post$/i;var p=new RegExp('^'+location.protocol,'i');$.ajaxTransport('* text html xml json',function(j,k,l){if(!j.crossDomain||!j.async||!o.test(j.type)||!n.test(j.url)||!p.test(j.url)){return}var m=null;return{send:function(f,g){var h='';var i=(k.dataType||'').toLowerCase();m=new XDomainRequest();if(/^\d+$/.test(k.timeout)){m.timeout=k.timeout}m.ontimeout=function(){g(500,'timeout')};m.onload=function(){var a='Content-Length: '+m.responseText.length+'\r\nContent-Type: '+m.contentType;var b={code:200,message:'success'};var c={text:m.responseText};try{if(i==='html'||/text\/html/i.test(m.contentType)){c.html=m.responseText}else if(i==='json'||(i!=='text'&&/\/json/i.test(m.contentType))){try{c.json=$.parseJSON(m.responseText)}catch(e){b.code=500;b.message='parseerror'}}else if(i==='xml'||(i!=='text'&&/\/xml/i.test(m.contentType))){var d=new ActiveXObject('Microsoft.XMLDOM');d.async=false;try{d.loadXML(m.responseText)}catch(e){d=undefined}if(!d||!d.documentElement||d.getElementsByTagName('parsererror').length){b.code=500;b.message='parseerror';throw'Invalid XML: '+m.responseText;}c.xml=d}}catch(parseMessage){throw parseMessage;}finally{g(b.code,b.message,c,a)}};m.onprogress=function(){};m.onerror=function(){g(500,'error',{text:m.responseText})};if(k.data){h=($.type(k.data)==='string')?k.data:$.param(k.data)}m.open(j.type,j.url);m.send(h)},abort:function(){if(m){m.abort()}}}})}));

jQuery.ajax({
    type: "post",
    url: "http://www.e-tsw.com/Search/Box?af=XX-XXX&ln=ESP&cu=PE",
    success: function (data) {
        jQuery("#liquidBoxContainer").html(data);
    }
});

还有一个div来显示我的wordpress帖子中的框:

如果我在一个独特的文件上运行它,它可以正常显示搜索框,并在搜索输入框和datepick上显示工具提示,但是当我用wordpress运行它时,它会显示该框,但是搜索和日期字段不工作。

这没有wordpress,很好:enter image description here

这是使用wordpress:enter image description here

在控制台上

我收到此错误:

  

未捕获的TypeError:jQkdo(...)。timepicker不是函数

我希望你能帮助我,还有哪一个是加载这个脚本并避免这种错误的正确方法?

1 个答案:

答案 0 :(得分:0)

您应该将jquery排入函数文件中,如下所示:

// Load jQuery
    if ( !is_admin() ) {
       wp_deregister_script('jquery');
       wp_register_script('jquery', ("http://code.jquery.com/jquery-2.1.3.min.js"), false);
       wp_enqueue_script('jquery');    
    }