Fancybox не будет показывать целевой div

Question

У меня есть список предметов с описаниями.В списке я показываю фрагмент описания с тегом привязки с сгенерированным href.Ниже тега привязки находится скрытый div с полным описанием, которое я хочу отобразить в fancybox .:

<ul id="op_list">
   <cfloop query="session.data">
    <li><p class="op_desc"><cfoutput>#Mid(title, 1, 26 )#</cfoutput>&hellip; 
      <a class="viewitem" href="listings.cfm#item<cfoutput>#item_id#</cfoutput>">More Info</a></p>
                <div style="display:none;">
                    <div id="item<cfoutput>#item_id#</cfoutput>">
                    <h2><cfoutput>#title#</cfoutput></h2>
                    <p><cfoutput>#description#</cfoutput></p>
                    </div>
                </div>
        </li>
    </cfloop>
</ul>

Тогда у меня есть некоторый jQuery (внутри функции document.ready ()), который должен запустить fancybox с полным описанием предмета, но он не будет запускать fancybox.Вот мой JQuery:

$('.viewitem').live('click', function(e){
    e.preventDefault();
    var theDiv = '#' + this.hash.substr(1);
    alert(theDiv);
    $(theDiv).fancybox({
        'titleShow'  : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic'
        });
});

Где я здесь не так.Я могу заставить fancybox сработать, если у меня есть код для этого, так что я знаю, что fancybox подключен и работает нормально.Кроме того, оповещение генерирует соответствующий код, так что я знаю, что это тоже работает.

Что невероятно простое, что мне здесь не хватает?

Answer 1

Ответ был в том, как я формировал функцию jQuery fancybox.Вот правильный код ...

$('.viewitem').live('click', function(){
    $.fancybox({
        'href' : '#' + this.hash.substr(1)
    });     
    return false;
});