小编bry_yan的帖子

Google App Engine SSL(无法找到DNS记录)

我有5个app引擎项目 - 所有这些项目都在Google App Engine上有不同的子域.其中每一个都只是Cloudflare发布到的CNAME记录ghs.googlehosted.com.

没有任何关于任何人,但由于某种原因,不同的1出5的他们未能产生一个SSL证书.我的其他人都没有任何问题.

有谁知道为什么会发生这种情况？我知道有人在这里提到我可以将我的DNS切换到完全其他的注册商,但这对我来说真的不是一个选项,我想深究这一点.

我的域名如何设置:

我有我的domain.com验证.我也sub-i-want.domain.com经过验证.然后我在列表中选择该域并添加子域,如下所示:

我应该注意,只有子域在谷歌云上是活跃的.我domain.com在google之外的另一台服务器上.

google-app-engine google-cloud-platform

12
推荐指数

0
解决办法

456
查看次数

Google登录 - 注销刷新

我有以下设置:

.service('googleService', ['$q', function ($q) {
    var self = this;

    this.load = function(){
        var deferred = $q.defer();
        gapi.load('auth2', function(){
            var auth2 = gapi.auth2.init();
            auth2.then(function(){ deferred.resolve(); });
            addAuth2Functions(auth2);
        });
        return deferred.promise;
    };

    function addAuth2Functions(auth2) {

        self.isSignedIn = function(){
            return auth2.isSignedIn.get();
        }

        self.signOut = function(){
            var deferred = $q.defer();
            auth2.signOut().then(deferred.resolve, deferred.reject);
            return deferred.promise;
        };

        self.getProfile = function() {
            if(auth2.isSignedIn.get()) return { signed_in: true, access_token: auth2.currentUser.get().Zi.id_token,profile: auth2.currentUser.get().getBasicProfile() };
            else return { signed_in: false };
        }

    }

}])

.config(function($stateProvider, $urlRouterProvider, $locationProvider) {

    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/cloud'); …

Run Code Online (Sandbox Code Playgroud)

javascript angularjs google-signin

11
推荐指数

1
解决办法

1062
查看次数

Shopify Toggle Cart按钮位置

我目前正在使用Shopify购买按钮.

在大多数情况下,我只是复制并粘贴嵌入代码并没有太大变化.如果你一直向下滚动"toggle":{,你会注意到我做了iframe和sticky设置为false.

问题

将产品添加到购物车时,会在主体中显示切换购物车的按钮. .shopify-buy-frame.shopify-buy-frame--toggle

它通常div在屏幕的中间右上角显示为固定,但由于我的粘性选项设置为false,因此它被放置在屏幕的底部body.

我希望能够分配一个父容器,这个切换按钮最终会进入.理想情况下,我想将它放在我的标题中,而不是在页面正文的底部生成它.

例如:

<body>

    <header>
        <div id="cart-toggle">
            <!-- THIS IS WHERE I WANT IT TO APPEAR -->
        </div>
    <header>

<!-- THIS IS WHERE IT APPEARS -->
</body>

Run Code Online (Sandbox Code Playgroud)

如果我能弄清楚如何为我的移动导航区域生成第二个切换按钮,则可获得奖励积分.

我搜索了默认的竞争对手和开发人员部分的切换选项,似乎无法弄明白.

如果有人可以提供帮助,将不胜感激.

我的嵌入代码

<script type="text/javascript">
/*<![CDATA[*/
(function () {
  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
  if (window.ShopifyBuy){if(window.ShopifyBuy.UI){ShopifyBuyInit();}else{loadScript();}}else{loadScript();}f
  function loadScript() {var script = document.createElement('script');script.async = true;script.src = scriptURL;(document.getElementsByTagName('head')[0] …

Run Code Online (Sandbox Code Playgroud)

javascript jquery shopify

11
推荐指数

1
解决办法

1261
查看次数

nextjs route middleware for authentication

I'm trying to figure out an appropriate way of doing authentication, which I know is a touchy subject on the GitHub issue page.

My authentication is simple. I store a JWT token in the session. I send it to a different server for approval. If I get back true, we keep going, if I get back false, it clears the session and puts sends them to the main page.

In my server.js file I have the following (note- I …

javascript reactjs next.js

11
推荐指数

3
解决办法

6268
查看次数

鼠标离开时悬停和反向的跨浏览器动画gif

我有以下图片:

静态图像 | 开始动画 | 结束动画

我正在使用以下代码(jsfiddle示例):

$(function() {
    $("#link-gif").hover(
        function() {
            /* starting animation */
            $(this).css("background-image", "url('http://i.imgur.com/HhsBws5.gif')");
        },
        function() {
            /* ending animation */
            $(this).css("background-image", "url('http://i.imgur.com/WLFzz3S.gif')");
        }                         
    );                  
});

Run Code Online (Sandbox Code Playgroud)

#link-gif {
   width:150px;
   height:40px;
   border:1px solid #39464E;
   background-image:url('http://i.imgur.com/YgLJoVH.png'); /*static*/
   background-size:contain;
   background-repeat:no-repeat;
   background-position:bottom center;
   cursor:pointer;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="link">
  <div id="link-gif">&nbsp;</div>
</div>

Run Code Online (Sandbox Code Playgroud)

总而言之,我想要发生的是:我首先加载静态图像.当有人悬停在上面时#link-gif,开始动画gif开始,当你将其悬停时,结束动画开始.

出于某种原因,当您将鼠标悬停在图像上时,图像不会生成动画.它只是到了gif的结尾.有谁知道为什么会发生这种情况？

html javascript css jquery animation

10
推荐指数

1
解决办法

789
查看次数

在缩放的div上拖动元素

我已经尝试使用jquery内置的draggable,我尝试使用自定义拖动功能,但无济于事.两者都有他们尊重的问题,我会尽力突出他们.

基本上,我试图允许拖动一个缩放的div容器上的元素.下面的方法工作好吗小于周围缩放元素2.但如果你高于此,我们会看到一些问题.

任何帮助,将不胜感激.感谢您的时间.

HTML

<div id="container">
    <div id="dragme">Hi</div>
</div>

Run Code Online (Sandbox Code Playgroud)

方法1(Jquery可拖动函数)

我已经尝试了jquery draggable函数,你可以在这个jsfiddle例子中看到.

我在这个例子中发现的问题如下:

最大的担忧:可放大的容器在放大时不会改变.因此,如果元素被拖动到缩放容器的一部分上,而该部分不是原始大小的一部分,则它将失败.
当您单击拖动div时,它会远离鼠标远距离传送并且不是无缝拖动.

JS

var percent = 2.5;

$("#dragme").draggable({
    zIndex: 3000,
    appendTo: 'body',
    helper: function (e, ui) {
        var draggable_element = $(this),
            width = draggable_element.css('width'),
            height = draggable_element.css('height'),
            text = draggable_element.text(),
            fontsize = draggable_element.css('font-size'),
            textalign = draggable_element.css('font-size');
        return $('<div id="' + draggable_element.id + '" name="' + draggable_element.attr('name') + '" class="text">' + text + '</div>').css({
            'position': 'absolute',
                'text-align': textalign,
                'background-color': …

Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui jquery-ui-draggable

9
推荐指数

1
解决办法

2986
查看次数

CircleCI与Bitbucket Go构建问题

我正在两个单独的CI工具上运行go build命令golang:1.11-alpine。如您所见，命令是完全相同的，而docker映像是完全相同的。

出于某种原因，当我在alpine:3.9docker映像上运行已编译的可执行文件时，仅运行bitbucket。

对于Circle CI构建，出现以下错误：

standard_init_linux.go：207：exec用户进程导致“ exec格式错误”

我在网上阅读这可能是体系结构问题，所以我file <file>在终端中做了一个，看来两者都是以相同的方式编译的。这是我收到的两个文件的响应（相同）：

云：ELF 64位LSB可执行文件，x86-64，版本1（SYSV），动态链接，解释器/lib/ld-musl-x86_64.so.1，已剥离

圈CI

docker:
  - image: golang:1.11-alpine

steps:
  - checkout
  - run:
      name: Build Go Server
      command: |
        apk add --no-cache git build-base
        export GOPATH="$HOME/go"
        export PATH="$PATH:$GOPATH/bin"
        go get -u github.com/golang/lint/golint@v0.0.0-20190227174305-8f45f776aaf1
        go mod vendor
        golint -set_exit_status $(go list ./... | grep -v /vendor/)
        go test -short $(go list ./... | grep -v /vendor/)
        go build -ldflags="-s -w"

Run Code Online (Sandbox Code Playgroud)

比特桶CI

steps:
    - step: …

Run Code Online (Sandbox Code Playgroud)

go circleci alpine-linux bitbucket-cli

9
推荐指数

1
解决办法

282
查看次数

找到元素与可滚动div顶部的位置

我有一个可滚动的div容器div,可以在容器内部放置多个"页面"(或者).

我的目标是,在任何给定的时刻,弄清楚我的红色容器内部到达可滚动容器的顶部.因此它可以是滚动事件的常量,也可以是触发此任务的按钮.

所以举个例子.如果我的一个红色框中有一个绝对div元素top:50px.如果我滚动到div元素到达可滚动容器顶部的位置.触发器应该说我在50px我的红色容器中.

我很难掌握如何做到这一点,但我尝试过这样的事情:

$("#pageContent").scroll(function(e) {
    console.log($(this).scrollTop());   
});

Run Code Online (Sandbox Code Playgroud)

但它没有考虑单独的页面,我不相信它完全准确取决于规模.任何指导或帮助将不胜感激.

这是我的代码和jsfiddle,以更好地支持我的问题.

注意:如果有必要,我在项目中使用scrollspy,这样我就可以确定需要检查哪个红色容器.

HTML

<div id="pageContent" class="slide" style="background-color: rgb(241, 242, 247); height: 465px;">
    <div id="formBox" style="height: 9248.627450980393px;">
        <div class="trimSpace" style="width: 1408px; height: 9248.627450980393px;">
            <div id="formScale" style="width: 816px; -webkit-transform: scale(1.7254901960784315); display: block;">
                <form action="#" id="XaoQjmc0L51z_form" autocomplete="off">
                    <div class="formContainer" style="width:816px;height:1056px" id="xzOwqphM4GGR_1">
                        <div class="formContent">
                            <div class="formBackground">
                                <div style="position:absolute;top:50px;left:100px;width:450px;height:25px;background-color:#fff;color:#000;">When this reaches the top, the "trigger" should say 50px"</div>
                            </div>
                        </div>
                    </div> …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

8
推荐指数

1
解决办法

1675
查看次数

jquery draggable包含缩放容器的数组值

如果有人可以帮我弄清楚如何使div中包含的可拖动元素根据窗口大小改变比例,我真的很感激任何指导.

如果我做:

element.draggable({ 
    cursor: "move",
    containment: '#container'
});

Run Code Online (Sandbox Code Playgroud)

会发生什么是它给了我对容器的常规尺寸的遏制.所以,如果我有一个transform: scale(1.5),那么容器中将有可拖动元素无法运行的空间.

我也尝试过,containment: 'parent'但这很麻烦.

编辑

我已经找到了如何获得顶部和左侧的收容,但我无法弄清楚如何获得正确和最低限度.

var containmentArea = $("#container");

containment:  [containmentArea.offset().left, containmentArea.offset().top, ???, ???]

Run Code Online (Sandbox Code Playgroud)

我尝试过宽度和高度,containmentArea[0].getBoundingClientRect()但这似乎也不是正确的举动.

这是一些示例代码的jsfiddle.

javascript jquery jquery-ui jquery-droppable jquery-draggable

8
推荐指数

1
解决办法

3515
查看次数

Jekyll Pagination多页

所以现在我在config.yml中有以下内容:

gems: [jekyll-paginate]
paginate: 3
paginate_path: "page:num"

Run Code Online (Sandbox Code Playgroud)

所以在我的index.html页面中,我有以下内容:

{% for post in paginator.posts %}
Stuff
{% endfor %}

Run Code Online (Sandbox Code Playgroud)

我无法弄清楚如何制作单独的类别页面并对它们进行分页.

谁能帮我摆脱光明？我一直在谷歌搜索,我一直无法找到任何东西.

pagination jekyll jekyll-paginator

8
推荐指数

1
解决办法

556
查看次数

标签统计

css ×2

html ×2

alpine-linux ×1

bitbucket-cli ×1

go ×1

google-app-engine ×1

google-cloud-platform ×1

google-signin ×1

jekyll-paginator ×1

jquery-draggable ×1

jquery-droppable ×1

jquery-ui-draggable ×1

«
1
2
3
4
5
…
7
»