0

http://madaxedesign.co.uk/

私のホームページでは、連絡先ポップアップのクラスを持つ「連絡を取る」という名前でページの下部にアンカーを作成し、Jquery で a.contact-pop-up を Jquery に追加しました。そのため、onClick でスクリプトが実行されますが、get in touch アンカーを押してテストすると、機能しないようです。

なぜこれが起こるのか誰かが知っているかどうか疑問に思っていましたか？

Jクエリ

    $('a.contact , a.contact_footer , a.contact-pop-up').click(function() {
    $("#popup").load("contact.php");
    // Getting the variable's value from a link
    var 
    show = $('#popup').css('display', 'block'),
    popup = $(this).attr('href');

    //Fade in the Popup and add close button
    $(popup).fadeIn(300);

    //Set the center alignment padding + border
    var popMargTop = ($(popup).height() + 24) / 2; 
    var popMargLeft = ($(popup).width() + 24) / 2; 

    $(popup).css({ 
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    // Add the mask to body
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);

    return false;
});

// When clicking on the button close or the mask layer the popup closed
$('a.cross, #mask').live('click', function() { 
  $('#mask , #popup').fadeOut(300 , function() {
    $('#mask').remove();  
}); 
return false;
});

HTML:

   <p>Please take the time to look through my portfolio and if anything interests you or   have any questions, please

連絡する。

ありがとうございました

4

1 に答える 1

1

こんなものが欲しいかも…

HTML: 

<div class="popup" id="someId">
    <p class="arch-pop-msg">Please take the time to look through my portfolio and if anything interests you or   have any questions, please</p>
</div>

JS:

$(".popup").dialog({ modal: true, 
                     position : 'center', 
                     width: 380, 
                     height: 90, 
                     autoOpen: false, 
                     closeOnEscape: true, 
                     resizable: false,  
                     showTitlebar: false  
                   });

CSS: 必要に応じて CSS を追加します

于 2013-04-22T15:57:45.243 に答える