1

所以我想要实现的是一个弹出窗口，一旦他们点击文本框就会向用户显示。我正在使用 jquery bubblepopup 插件，但似乎无法将其分配给单击功能。有 2 个功能，一个翻转和一个单击，如果有的话，我已经将它们分开了。

$(document).ready(function () {
    $('#info-header').CreateBubblePopup({
        innerHtml: $('#info-pop').html(),
        themeName: 'all-grey',
        themePath: '../content/themes/jquerybubblepopup-theme',
        position: 'right',
        align: 'middle',
        tail: 'right',
        innerHtmlStyle: {
            color: '#FFFFFF',
            'text-align': 'left'
        }
    });


    $('#Password').click(function(){
        var popup_button = $(this);
        popup_button.CreatebubblePopup({
         themeName: 'all-grey',
            themePath: '../content/themes/jquerybubblepopup-theme',
            position: 'top',
            align: 'top',
            tail: 'bottom',
            width: '250px',

            innerHtml: '<p>Password Requirements</p><ul><li>Must be at least 6 characters</li> <li>Must include at least 3 of the 4 following items:<ul><li>uppercase letters</li><li>lowercase letters</li><li>numbers</li><li>special characters</li></ul></li></ul>',
            innerHtmlStyle: {
                color: '#FFFFFF',
                'text-align': 'left',
                'margin-top': '0'
            }
        });

        popup_button.FreezeBubblePopup();
        $('#Password').click(function(){
            $(popup_button).HideBubblePopup();
        });
    });
});
4

1 回答 1

1

所以我找到了解决方案，我有一个小写字母作为 id。我从按钮 onclick 切换到 focus，并使用模糊来取消或取出效果。

 $(document).ready(function () {

        $('#Password').focus(function () {
            var popup_button = $(this);
            popup_button.CreateBubblePopup({
                themeName: 'all-grey',
                themePath: '../content/themes/jquerybubblepopup-theme',
                position: 'top',
                align: 'top',
                tail: 'bottom',
                width: '250px',
                mosueOver: 'hide',
                innerHtml: '<p style="font-weight:bold;font-size:13px;">Password Requirements</p><ul style="margin-left:-25px;"><li>Must be at least 6 characters</li> <li>Must have 3 of the following:<ul style="margin-left:-25px;"><li>uppercase letters</li><li>lowercase letters</li><li>numbers</li><li>special characters</li></ul></li></ul>',
                innerHtmlStyle: {
                    color: '#FFFFFF',
                    'text-align': 'left',
                    'margin-top': '-10px',
                    'font-size' : '12px',
                    'padding' : '0 10px'
                }
            });
            popup_button.ShowBubblePopup();
            popup_button.FreezeBubblePopup();

            $('#Password').blur(function () {
                popup_button.UnfreezeBubblePopup();
                popup_button.RemoveBubblePopup();
            });


        });

    });
于 2013-05-01T16:44:21.570 回答