小编Rhy*_*nne的帖子

.submit JS函数不在Safari中显示CSS叠加(除非我取消页面加载)

我在提交表单时无法正确显示Safari中的奇怪问题.

应该发生的情况是,单击表单上的提交按钮时,叠加层将显示在表单上.

发生的事情是没有任何东西出现(虽然看起来好像有些东西,因为我无法再次点击所述按钮).有趣的是,如果我取消页面加载,则会出现叠加层.

这是在提交表单时运行的javascript代码.

function main_form_overlay() {
    var form_outer = jQuery('.main-form'),
    form = jQuery('.main-form form'),
    html,
    overlay;

    html = '<div class="loading"><span class="text">Checking 77 Destinations, please Be Patient <i class="fa fa-circle-o-notch fa-spin"></i></span></div>';

    form_outer.append(html);

    overlay = jQuery('.main-form .loading');

    form.on('submit', function(){
        console.log("In Here!");

        if (!overlay.is(':visible')) {
            overlay.show();
            console.log("Show Overlay");
        } else {
            overlay.hide();
            console.log("Hide Overlay");
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

这是"加载"类的CSS,它的价值.

.loading {
    background: rgba(#999, 0.9);
    bottom: -10px;
    display: none;
    left: -20px;
    position: absolute;
    right: -20px;
    top: -10px;

    .text {
        color: #fff;
        font-size: …
Run Code Online (Sandbox Code Playgroud)

javascript css safari jquery

11
推荐指数
1
解决办法
879
查看次数

使用PHP正则表达式部分隐藏电子邮件地址?

可能重复:
regexp部分隐藏电子邮件?

我正在编写一个隐藏电子邮件地址的脚本(因此test@domain.com变成了t〜~~ @ ~~~~~~.com).

按照这个问题的说明 - regexp部分隐藏电子邮件? - 我设法让它显示t ~~~ @ domain.com,但是在删除"域名"时遇到了问题.

这是我到目前为止(假设$ row-> email是"test@domain.com"): -

$string = preg_replace("(?<=.).(?=.*@)","~", $row->email);
$string = preg_replace("(?<=@).[a-zA-Z0-9]*","~", $string);
Run Code Online (Sandbox Code Playgroud)

但是,它返回的全部是t〜~~ @〜omain.com

我很困惑如何获得域的其余部分.想法?

理想的是,如果任何人都可以提供解决方案,那就变成t ~~~~~~~~~~~,那就是超级.

干杯

php regex email

4
推荐指数
1
解决办法
2563
查看次数

使用jQuery鼠标悬停定位单个类的Child实例

当鼠标滑过父div时,尝试定位子div的单个实例时出现问题.

当页面上只有一个.slidswap_moused_over(父)类的实例时,当前编写的代码工作正常,但是如果有多个实例,则两者都保持相同的宽度.

这是我有"最有效"的jQuery: -

jQuery(function() {
    jQuery(".slidswap_moused_over").mousemove(function(e) {

         var offset = jQuery(this).offset();
         var relativeX = (e.pageX - offset.left);
         var relativeY = (e.pageY - offset.top);
         jQuery(".slidswap_left_image").css({ "width": relativeX });
         jQuery('.slidswap_drag_message').css({ "opacity": 0 });
    });
});
Run Code Online (Sandbox Code Playgroud)

在这里演示 - http://jsfiddle.net/5DjPw/5/

我知道我应该使用.parent,.children,.siblings或.next,但我不确定语法.

任何帮助,将不胜感激 :)

javascript jquery

0
推荐指数
1
解决办法
48
查看次数

标签 统计

javascript ×2

jquery ×2

css ×1

email ×1

php ×1

regex ×1

safari ×1