Как интегрировать JQuery с PHP

Когда я нажимал на кнопку HTML, ничего не случилось, что я ожидаю, если я нажму на кнопку, она должна показать, что javascript работает нормально. Есть ли способ достичь этого. Я новичок в javascript, поэтому код может быть неправильным.Как интегрировать JQuery с PHP

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>JavaScript</title> 
     <script type="text/javascript"> 
      $(document).ready(function(e) { 

       $(".carts").mouseover(function(){ 
        $(".minicart").css("display","block"); 
       }); 

       $(".carts").mouseleave(function(e) { 
        $(".minicart").css("display","none"); 
       }); 
      } 
    </script> 

    </head> 
    <body> 

    <button class="carts"> Add </button> 
    <div style="width:400px;position:absolute;top: 34px;right: 166px;z-index: 99999; background-color:#FFFFFF; display:none" class="minicart"> 



    <?php 
    $var = 7; 

    if($var == 7) 
    { 
     echo "JavaScript works fine "; 
    } 
    else 
    { 
     echo "Didn't Work"; 
    } 

    ?> 

    </div> 
    </body> 
    </html>

источник

2015-06-14 Beena Gates

Не похоже, что вы включаете 'jQuery' в любом месте. – FrankerZ

Мне нужно достичь упомянутого выше, используя JavaScript или jQuery. –

Посмотрите на консоль –

<html> 
    <head></head> 
<body> 

    <button class="carts"> Add </button> 

    <div style="width:400px;position:absolute;top: 34px;right: 166px;z-index: 99999; background-color:#FFFFFF; display:none; border:1px solid black" class="minicart"></div> 

    <!-- import jquery from google hosted libraries 
     or you can download the latest jquery version 
     and use it with your project 
    --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

    <script> 

     $(document).ready(function(){ 
      // bind events 
      $(".carts").mouseover(function(){ 
       $(".minicart").css("display","block"); 

      }); 

      $(".carts").mouseleave(function(e) { 
       $(".minicart").css("display","none"); 
      }); 
     }); 

    </script> 
<?php 
    $var = 7; 

    if($var == 7) 
    { 
     echo "JavaScript works fine "; 
    } 
    else 
    { 
     echo "Didn't Work"; 
    } 

    ?> 
</body> 
</html>

источник

2015-06-14 07:04:56

Он отлично работает, вы можете добавить функцию PHP внутри этого выше кода и вызвать его через javascript. –

@BeenaGates проверить отредактированный ответ –

@ Oli Soproni B Он отлично работает. –

Вы использовали код jQuery и, вероятно, не импортировали его. Написать ниже линии в пределах <head>...</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

ПРИМЕЧАНИЕ: Убедитесь, чтобы написать эту строку, прежде чем начать писать сценарий, то есть до этого,

<script type="text/javascript"> 
    $(document).ready(function(e) { 

     $(".carts").mouseover(function(){ 
      $(".minicart").css("display","block"); 

     }); 

     $(".carts").mouseleave(function(e) { 
      $(".minicart").css("display","none"); 
     }); 
    } 
    </script>

UPDATE: Для того, чтобы убедиться, что JQuery правильно импортные записи,

$(document).ready(function(){ 
    alert("jQuery is working!"); 
});

источник

2015-06-14 06:49:20

Спасибо за ответ. –

вот мой обновленный код: –

@BeenaGates вы используете PHP вместе с кодом, вы используете какой-либо сервер для этого? –

Вы использовали jquery, но я думаю, вы не загрузили исходный код jquery-файла и ссылку на него. Я предпочитаю, чтобы скачать http://code.jquery.com/jquery-1.11.3.min.js на рабочий стол или любое место, вы хотите , а затем ссылку на него с тег сценария

Edit: Do загрузить файл JS в вашей системе, а затем включить его в ваш HTML-код с использованием

<script src="D:\MyProject\myscripts.js"></script>

источник

2015-06-14 07:11:25

Возможно ли это? –

здесь я загрузил обновленный код, не получил никакого положительного результата. Я хотел бы знать, есть ли какие-то неправильные функции внутри этого кода.

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>JavaScript</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script type="text/javascript"> 


    $(document).ready(function(e) { 

    $(document).ready(function(){ 
     alert("jQuery is working!"); 
    }); 

     $(".carts").mouseover(function(){ 
      $(".minicart").css("display","block"); 

     }); 

     $(".carts").mouseleave(function(e) { 
      $(".minicart").css("display","none"); 
     }); 
    } 
    </script> 

    </head> 
    <body> 

    <button class="carts"> Add </button> 
    <div style="width:400px;position:absolute;top: 34px;right: 166px;z-index: 99999; background-color:#FFFFFF; display:none" class="minicart"> 

    <p> heehghgdhgdh</p> 

    <?php 
    $var = 7; 

    if($var == 7) 
    { 
     echo "JavaScript works fine "; 
    } 
    else 
    { 
     echo "Didn't Work"; 
    } 

    ?> 

    </div> 
    </body> 
    </html>

источник

2015-06-14 07:12:17

Ворота, вам нужно добавить закрывающий тег div –

Как интегрировать JQuery с PHP

ответ

Смежные вопросы