Jquery内でJSログインのポップアップが機能しない

Question

jqueryでトリムテキストコードを使用して、moreをクリックして私のウェブサイトにログインさせると、より多くのテキストコンテンツが表示されます。既に自分のウェブサイトにログインしていないユーザーのために表示されます。

しかし、ポップアップがうまくいかず、ポップアップを表示するのではなく、ユーザーがサインアップhtmlページに移動します。

<script type="text/javascript"> 

jQuery(function(){ 

    var minimized_elements = $('#transcript'); 

    minimized_elements.each(function(){  
     var t = $(this).html();   
     if(t.length < 400) return; 

     $(this).html(
      t.slice(0, 400) + '<span>... </span><a class="open-popup" id="sign-in" href="https://stackoverflow.com/users/register"?>Sign in</a>' +'<span style="display:none;">' + t.slice(400, t.length) + ' <a href="#" class="less"></a></span>' 
     ); 

    }); 

    $('a.more', minimized_elements).click(function(event){ 
     event.preventDefault(); 
     $(this).hide().prev().hide(); 
     $(this).next().show();   
    }); 

    $('a.less', minimized_elements).click(function(event){ 
     event.preventDefault(); 
     $(this).parent().hide().prev().show().prev().show();  
    }); 

}); 
</script> 

ポップアップコード：

$(document).ready(function() { 

    var id = null; 
    var target = null; 

    $('.open-popup').magnificPopup({ 

     type:'ajax', 
     midClick: true, 

.....の終わりまで、私はどんな<a class="open-popup" id="sign-in" href="https://stackoverflow.com/users/register"?>Sign in</a>を置けばjqueryの外に以下

は完全なコードです。法王が正常に動作していますコード。

私は修正が非常に簡単だと思いますが、それは何かを指摘できませんでした。あなたの助けは非常に高く評価されます。

Answer 1

@charlietflあなたが正しいと思ったので、私はポップアップJSスクリプトをページの最後までモード設定して動作させなければなりませんでした。ありがとう！