0

我有个问题。下面的脚本效果不佳。问题是当我单击列表页面中的链接时，我会得到详细信息，但是当我再次单击时，他刷新 2 次，当我单击 2 次时，他刷新 4 次，依此类推。

有人可以帮我做错什么吗？

氪 BA

索引页

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="/admin/js/general.js"></script>

<div id="content"></div>    
<div id="contentLister"></div>

Javascript general.js

$(document).ready(function(){
//returns LISTER
$('ul#ajaxNav li a').click(function() {
    var page = $(this).attr('href');        
    $('#content').fadeOut().load('classes/cAjaxLister.php'+ page).fadeIn();
    return false;
});

//returns Detail
$('td ul#ajaxLister li a').click(function() {
    var page = $(this).attr('href');        
    $('#contentLister').fadeOut().load('classes/cAjaxLister.php'+ page).fadeIn();

    return false;
    });     

});

列表和详细信息页面

    echo '<td>
        <ul id="ajaxLister" class="actions" >
        <li><a title="View" class="view" href="?action=view&item=' . $p_UrlItem . '&id=' . $resultId[0] . '">view</a></li>
        <li><a title="Edit" class="edit" href="?action=edit&item='.$resultId[0].'">edit</a></li>
        <li><a title="Delete" class="delete" href="?action=delete&item='.$resultId[0].'">delete</a></li>
        </ul>
    </td>';
    echo '</tr>'.PHP_EOL;
4

1 回答 1

0

我很抱歉，因为我可能对 javascript 不太了解，但问题似乎来自单击 A 标签。您需要在函数中使用event参数click，然后防止链接重定向：

    $(document).ready(function(){
    //returns LISTER
    $('ul#ajaxNav li a').click(function(event) {
        event.preventDefault();
        var page = $(this).attr('href');        
        $('#content').fadeOut().load('classes/cAjaxLister.php'+ page).fadeIn();
        return false;
    });

    //returns Detail
    $('td ul#ajaxLister li a').click(function(event) {
        event.preventDefault();
        var page = $(this).attr('href');        
        $('#contentLister').fadeOut().load('classes/cAjaxLister.php'+ page).fadeIn();

        return false;
        });     

    });

http://api.jquery.com/event.preventDefault/

于 2013-02-26T17:36:35.217 回答