Question

Everything about this script works just fine but except for the e.PreventDefault(); I’ve tried everything but nothing seems to work. I can’t use .click() handler in this script because it is dynamically called, otherwise I would try that instead.

JS

<script>
$('#vote_up').live('click', function(e) {
    e.preventDefault();
    $.post("votes.php", {
        vote: "1",
        item_id: "$item_id",
        type: "$type"
    }, function(data) {
        $('#vote_count').empty().append(data);
    });
});
$('#vote_down').live('click', function(e) {
    e.preventDefault();
    $.post("votes.php", {
        vote: "-1",
        item_id: "$item_id",
        type: "$type"
    }, function(data) {
        $('#vote_count').empty().append(data);
    });
});
    </script>

HTML

<div class="vote_box">
    <a href="#" id="vote_up">▲</a>
    <span id="vote_count">$count</span>
    <a href="#" id="vote_down">▼</a>
</div>

Answer 1

You can just return false wich will also prevent some other events that occur when your event has been fired.

$('#vote_up').live('click', function(e) {

$.post("votes.php", {
    vote: "1",
    item_id: "$item_id",
    type: "$type"
}, function(data) {
    $('#vote_count').empty().append(data);
});

return false;

});