Entender uma sentença sobre o arranque jQuery

StackOverflow https://stackoverflow.com/questions/1314222

  •  19-09-2019
  •  | 
  •  

Pergunta

O que é a definição de entire page no seguinte linha ?

Quando a página inteira está incluído via PHP include () ou require () função, certifique-se de colocar esse script código dentro do tag <body> e não dentro do <head>, porque chamando arquivo de script jQuery de dentro do tag não funciona para alguns razão.

Eu tive problemas na criação de um código jQuery. No entanto, eu consegui obter um para o trabalho, colocando-o dentro HEAD e o seguinte código

# 1 de código 

$(document).ready(function(){     
    --- code here---- 
});

Eu não consegui obter quaisquer funções ao trabalho. Eu tive-os dentro e fora do código # 1. O seguinte é um exemplo.

# 2 código não trabalho 

    function notEmpty() {                        
        //put this in a function and call it when the user tries to submit
        var tags = document.getElementById('tags').value;
        if(tags == '' || tags == null) {         
            alert('Please enter one or more tags');
            return false;
        }
        return true;
    }

Eu uso PHP para incluir as tags HTML, cabeça, / cabeça e do corpo pelo seguinte código no meu index.php.

# 3 Código pelos quais fontes HTML, cabeça e corpo etiquetas 

 include ( './official_content/html_head_body.php' );
Foi útil?

Solução

Eu acho que suspeito comunicado. Eu nunca encontrou qualquer problema, incluindo a tag <script> para jQuery no <head> do documento, como qualquer outra tag <script>. O navegador não pode estar ciente de qualquer coisa que PHP tem feito. Eu suspeito que é simplesmente uma distorção.

Para resolver o seu código específico, o que você escreveu em # 1 é inteiramente correcto. Passando uma função para $(document).ready() permite fornecer código para ser executado quando o documento está "pronto" (que significa: quando a própria página foi carregada, sem recursos externos sendo necessariamente carregados como imagens, folhas de estilo, et cetera, para os quais você não gostaria ter que esperar).

No que diz respeito nº 2, essa função não está usando jQuery em tudo; É apenas usando built-in funções de JavaScript. Dito isto, ele deve funcionar corretamente por encontrar um elemento de formulário com id="tags" e mostrando uma caixa de alerta se esse elemento tem um value vazio. Como você estava chamando essa função? No mundo do jQuery, você faria algo assim: 

$("#id-of-your-form").submit(notEmpty);

Você também pode reescrever a função notEmpty() para explorar jQuery assim: 

function notEmpty() {{
    var tags = $("#tags").val();
    if (tags == '' || tags == null) {
        alert('Please enter one or more tags');
        return false;
    }
    return true;
}

Mais uma vez, o resto dessa função conecta atualmente com jQuery em tudo. Está tudo bem do jeito que está lá.

Finalmente, nº 3 não está relacionado com jQuery, já que é o processamento acontecendo dentro de PHP, dos quais JavaScript permanece inteiramente inconsciente.

Outras dicas

Coloque a fonte jQuery no arquivo html_head_body.php e adicionar sua função em seu "conteúdo" arquivo php. 

<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</head>
<body>
   <script type="text/javascript">
     $(document).ready(function(){

       function notEmpty() {                        
         //put this in a function and call it when the user tries to submit
         var tags = document.getElementById('tags').value;
         if(tags == '' || tags == null) {         
            alert('Please enter one or more tags');
            return false;
         }
         return true;
       }

     });
   </script>         
</body>
</html>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top