jQuery не работает на пересылаемой странице

Я тестирую некоторые jQuery. Я написал простую JSP-страницу, которая на представить использует JQuery и возвращает результатjQuery не работает на пересылаемой странице

Код выглядит следующим образом:

<head> 
<script type="text/javascript"> 
$(function(){ 
     $("#hide2").click(function() 
     { 
      $("#result2").hide();  
     }); 
    ///////////////////////   
    //some jquery code (running fine) 
     ///////////////////// 
     });  // enable ..show ..hide 

     $(document).ready(function() 
     { 
     $('#form').submit(function() { 

    var number = $('#number').val(); 

    $.ajax({ 
     type:  "post", 
     url:  "test5.jsp", 
     data:  "number=" + number, 
     success:  
        function(msg) 
        { 
          $("#result2").html("<h3>" + msg + "</h3>").fadeIn("slow"); 
     } 
    }); 
return false; 
}); 
}); 
    </script> 
</head> 
<body> 
<form id="form" action="" method="post"> 
Enter number: 
    <input id="number" type="text" name="numb" disabled/> 
    <input id="enable" type="button" value="Enable"> 
    <input id="show" type="button" value="show"> 
    <input id="hide" type="button" value="hide"> 
<input id="submit" type="submit" value="Calculate Square Root" name="submit"/> 
</form> 
<p id="result"></p> 
<p id="result2"></p> 
</body>

При вводе значения и подачи запроса идет на test5.jsp

<% 
//java code (running fine) 
%> 
<html> 
<head> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//malsup.github.com/jquery.form.js"></script> 
<script> 

</script> 
</head> 
<body> 
    <br><br> 
    <button id="hide2" value="Hide">Hide</button> --> <span id="result2">hide this</span> 
</body> 
</html>

Теперь я хочу применить jQuery на кнопке hide, и я не могу этого сделать. Короче говоря, я хочу, чтобы применить JQuery к элементам test5.jsp

before

after

источник

2015-07-17 amol singh

Трудно понять, что вы хотите, вы хотите скрыть какую-то кнопку при успешном обратном вызове? простой $ ('# result'). hide(); в успешном обратном вызове –

на самом деле я хочу применить jquery к элементам страницы успеха, то есть test5.jsp, страницу после отправки –

ее вызов ajax для test5.jsp, поэтому вы хотите применить некоторые изменения html с jquery по правилу ответа ? –

Ok тонкой, так что для изменения html (Response) с AJAX в успех обратного вызова, вам нужно сделать что-то, как показано ниже ,

в вашем успехе обратного вызова, успех:

function(msg) 
{ 
    //...... rest of your code 
    $(msg).find("#hide2").hide(); //Hides #hide2 button from msg response 

}

источник

2015-07-17 06:03:42

Я добавил несколько изображений ... теперь будет легко понять –

Использовал ли мой код? –

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

jQuery не работает на пересылаемой странице

ответ

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