如何使用单击功能创建链接,以显示由jQuery组成的子组件?

如何使用单击功能创建链接,以显示由jQuery组成的子组件?,jquery,indexing,click,Jquery,Indexing,Click,HTML: <div id="mainContent"> <div class="photoShow"></div> <div class="photo_nav"></div> </div> <div class="photo_panels"> <div class="photo_panel"> <div class="photo_content">

HTML:

<div id="mainContent">
    <div class="photoShow"></div>
    <div class="photo_nav"></div>
</div>

<div class="photo_panels">
    <div class="photo_panel">
        <div class="photo_content"></div>
    </div>
    <div class="photo_panel">
        <div class="photo_content"></div>
    </div>
    <div class="photo_panel">
        <div class="photo_content"></div>
    </div>
</div>
仅对现有的a.photo_nav_项目有效,因此如果创建新元素,请尝试

$('.photo_nav a.photo_nav_item').live('click', function(){...});

无论现在还是将来,都可以使用此选择器将事件处理程序附加到任何元素。

我想您以前已经问过这个问题了。。。无论如何,每当您通过
html()
更改内容时,您当然会丢失事件处理程序,因为您正在销毁和创建元素。改用DOM操作(
append
等)。如果这不是你的问题,那么你必须更好地解释它。如果我使用.get而不是.html。单击几次后就不起作用了。使用.get命令时如何设置索引?请提供问题的演示,以便我们更容易帮助您。
    var newPhot = $(Photo).html() 
    $(".photoShow").html(newPhoto);
$('.photo_nav a.photo_nav_item').click(function(){...});
$('.photo_nav a.photo_nav_item').live('click', function(){...});