2

メインページがindex.phpあり、このページのボタンをクリックすると、ajaxを使用してurl.phpをロードしています。

url.php にはtext box. ユーザーがこの texbox で何かを入力すると、その下のボタンが表示されるようになります。

url.php

<input type="text" id="text" name="sent" contenteditable="true"  style=" text-align: left; height: 30px; width:512px; " placeholder="Enter URL ..."/></input>
<button id="b1" style="display:none" > Get Sentiment </button>

index.php

体の部分:

<script>
    $("#text").keypress( function() {
        document.getElementById("b1").style.display = "block";
        console.log( "Handler for .keypress() called." );
    });
</script>

しかし、テキストボックスに移動してクリックすると、テキストボックスが表示されません。の代わりにblurandも試しまし たが、変化はありませんでした。focuskeypress

ajax を使用して url.php をロードするには、次のコードを使用します。

<input type="button" id="load_url" value="Load url.php" />
$("#load_url").click(function(){
    $.ajax({
        url:"url.php",
        success:function(response) {
            $("#view_port").html(response);
            $("#load_url").hide();
        }
    }); 
});
4

3 に答える 3

0

keypressAJAX ロード後にイベントを登録するのを忘れていたと思います。

    $( document ).ready( function(e) {
       $('#button').click(function(e) { // Clicking the button to load the url.php
          $('#somediv').load("url.php", function() { // loading the url.php
             $('#text').keypress(function(e) { // You are registering the keypress event listener after the ajax load
                 $('#b1').show('fast');
             });
          }
       });
   });
于 2013-10-14T05:39:44.333 に答える
0

これを試して

<script type="text/javascript">
    $("#text").keypress( function() {
        $("#b1").show();
        console.log( "Handler for .keypress() called." );
    });
</script>
于 2013-10-14T05:37:14.057 に答える