JS登录弹出窗口在Jquery中不起作用

我正在尝试使用下面的jquery修剪文本代码，以使用户在单击more以查看更多文本内容时登录我的网站，并且我有注册弹出窗口，该弹出窗口将显示给尚未登录我的网站的用户。

但是弹出窗口不起作用，它将用户带到注册 html 页面，而不是显示弹出窗口。如果我<a class="open-popup" id="sign-in" href="/users/register"?>Sign in</a> jquery 之外的任何位置放教皇工作正常

以下是完整的代码：

<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="/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, 

.....直到代码结束。

我认为修复非常简单，但我无法确定它是什么。非常感谢您的帮助。