-2

私の問題を解決するのを手伝ってくれる人はいますか? ajax によるリンクを機能させるにはどうすればよいですか?

いくつかのリンクをドキュメントに直接書き込もうとしたところ、うまく機能しましたが、「インポートされた」リンクは機能しませんでした。

JSFiddle

-> res/ajax/search.php

    <?php

$search = $_POST['search'];

if( $search != "" ) {

    $db = mysql_connect('localhost', 'root', '');
    mysql_select_db('invoice');

    $query = "SELECT * FROM profile";
    $result = mysql_query($query);

    $rows = mysql_num_rows($result);

    for( $a=1; $a <= $rows; $a++ ) {

        $query =  "SELECT * FROM profile WHERE full_name LIKE '%$search%' AND id='$a'";
        $result = mysql_query($query);

        $array = mysql_fetch_array($result);

        if($array != "") {

            echo "<a href='#' class='address'>" . $array['full_name'] . "</a><br />";

        }

    }

}


echo "<a href='#' class='address'>currywurst</a><br />";
echo "<a href='#' class='address'>bratwurst</a><br />";

?>
4

2 に答える 2

1

使用する：

$(document).on('click', '.address', function(){
  alert('something');
});

それ以外の：

$('.address').click(function(){
  alert('something');
});
于 2013-09-06T13:26:31.507 に答える
0

ajax コールバックで、ハンドラーを ajax で読み込まれたコンテンツにバインドしてみてください。これを試して：

$(document).ready(function(){

    $('input[name="search"]').keyup(function(){

        $.post('res/ajax/search.php',
        {
            search: $('input[name="search"]').val()
        },
        function(data) {
            $('#search-preview').html(data);

            // onclick moved to ajax callback function
            $('.address').click(function(){

                alert('something');

            });

        });

    });

});
于 2013-09-06T13:30:47.723 に答える