Javascript Fancybox：从事件回调访问内容

我有一个带有HTML内容的fancybox

$( '#rename' ).fancybox(    
    {
        content: $( '#rename-container' ).html(),
        afterShow: 
            function()
            {
                // some code here 
            }
    } 
);

重命名容器是一个带有内部HTML的div元素。如何在afterShow handler函数中使用jQuery（或其他工具）访问内容

---

例如，内容包含一个输入元素，我必须设置焦点。

在《如何通过调用$（'.fancybox-inner'）访问》中

$( '#rename' ).fancybox(    
    {
        content: $( '#rename-container' ).html(),
        afterShow: 
            function( el )
            {
                var overlay = $('.fancybox-inner');
                var newNameInput = overlay.find( 'input' );                     
                newNameInput.focus(); 
            }
    } 
);

---

通过html中的

href

直接针对元素

#重命名容器

，不会更容易

<a id="rename" class="fancybox" href="#rename-container">open fancybox</a>

请参见

$("#rename").fancybox({
    afterShow: function () {
        $("#myInput").focus();
    }
});