【问题标题】:can't use jQuery code after grabbing it by php?php抓取后不能使用jQuery代码?
【发布时间】:2015-03-05 21:46:22
【问题描述】:

我用jquery ajax抓取jquery脚本和javascript代码放在head里:

$(document).ready(function(){
   $("#SignUpBtn").click(function(){
       $.ajax({
           url: "ajax/signupfrm.php",
           type: "POST",
           data: "do=getScript",
           success: function(data){
               $("head").append(data);
           }
    });
    return false;
});

JavaScript 有效,但 jQuery 无效。

这是从 PHP 文件中获取的 jQuery 代码:

<script type='text/javascript'>
   $(document).ready(function(){
       $('#username').change(function(){
           var unameVal = $('#username').val();
           $.ajax({
               url: 'ajax/unameCheck.php',
               type: 'POST',
               data: {'do':'submit','uname':unameVal},
               beforeSend: function() {
                   $('#unameCheck').html('<img src='img/giphy.gif'/>').slideDown(500);
               },
               success: function(data){
                   if(data == '0'){
                     $('#unameCheck').css({'background-color':'#FFBAA4','color':'#f00','border':'1px solid #f00'});
                     $('#unameCheck').html(unameVal + ' is already exist');
                   }else if(data == '1'){
                     $('#unameCheck').css({'background-color':'#AAFFAA','color':'#00B600','border':'1px solid #0f0'});
                     $('#unameCheck').html(unameVal + ' is available');
                   }else{
                     $('#unameCheck').slideUp(500);
                   }
               }
           })
       });
    });
</script>

【问题讨论】:

  • 如果你正在加载脚本,你会想要使用 $.getScript()
  • 你能告诉我怎么做吗?或者只是给我一个文件谢谢你:)
  • 哦,谢谢,我没有第一次看到它:)
  • 这对我不起作用,请帮助我!
  • @developerwjk 但它不是新的,它至少有 1 分钟的历史;)

标签: javascript php jquery html ajax


【解决方案1】:

您的 Javascript 代码在此行包含语法错误:

$('#unameCheck').html('<img src='img/giphy.gif'/>').slideDown(500);
                                ^^^^^^^^^^^^^^^

您试图在单引号字符串中使用单引号。这被解释为终止字符串;使用双引号代替内部或外部字符串(但不能同时使用)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-25
    • 1970-01-01
    相关资源
    最近更新 更多