Google Chrome コンソール ログが私の問題を最もよく説明していると思います。
>> $(".single.portfolio")
[<article id="#js-single-item" class="post-883 portfolio type-portfolio status-publish hentry single">…</article>]
>> the_element_id = $(".single.portfolio").attr("id")
"#js-single-item"
>> $(the_element_id)
[]
>> $("#js-single-item");
[]
>> document.getElementById("#js-single-item");
<article id="#js-single-item" class="post-883 portfolio type-portfolio status-publish hentry single">…</article>
奇妙なことに、getElementById は機能しますが、jQuery は機能しません。
HTML全体をコピーしてフィドルで問題を再現しようとしましたが、コードは想定どおりに機能するため、問題はありません。ほとんどの場合、何かが衝突しています。
デバッグのヒントを探しています。ありがとう!
編集:タイプミス。問題が解決しました。