小编Yea*_*ats的帖子

如何更改Facebook共享按钮的样式?

我知道之前已经问过这个问题,但答案是过时的(谈论iframe),错误的(不允许改变它),或者令人困惑.

一劳永逸,你如何改变Facebook分享按钮的风格?

将他们的代码粘贴到我的网站中会产生一些丑陋的东西,错误的大小和错误的语言.

我希望它看起来像我网站上的其他按钮,我希望它上面的文字是我应该说的.即使它不是我使用的确切文本,它至少应该使用正确的语言,如Twitter按钮.

浏览Facebook网站上的开发指南,我发现以下引用:

如果您的网站不需要按钮来打开共享对话框或Facebook提供的按钮不适合您的网站设计,则还提供Web共享对话框以共享链接.

但是,Web共享对话框是我读过最令人困惑的事情.它给出了零实际指导,并伴随着一堆令人困惑的陈述.

"共享"对话框使人们能够将个别故事发布到其时间线,朋友的时间线,组或Messenger上的私人消息中.这不需要Facebook登录或任何扩展权限,因此这是在网络上启用共享的最简单方法.

什么?没有脸书帐户的人可以在时间轴上分享内容吗?他们甚至没有时间表......

使用FB.ui函数和share method参数触发共享对话框以共享链接.

我不知道它是什么,他们不解释它.

这种情况一直在继续,我完全理解什么都没有,我不是一个愚蠢的Wordpress博客.

因为Facebook拒绝,有人可以解释一下如何做到这一点吗?

编辑:我现在已经使用Facebook Javascript SKD,但它要求一个app_id.

他们的页面说的app_id是:

您应用的唯一标识符.需要.

但我不是在制作应用程序.我正在制作一个网页......

html javascript css facebook

4
推荐指数
2
解决办法
8559
查看次数

在 Meteor 中使工具提示具有反应性

我正在使用 Bootstrap 自己的工具提示,这需要一些初始化。有人告诉我这样做:

Template.myTemplate.rendered = function() {
        $('.tooltipped').tooltip()
}
Run Code Online (Sandbox Code Playgroud)

然后我可以通过在 Font Awesome 图标上添加类tooltipped和一些data-tags来添加工具提示:

<i class="tooltipped fa fa-square" data-toggle="tooltip" data-placement="top" title="Whatever the tooltip should say"></i>
Run Code Online (Sandbox Code Playgroud)

问题是这些图标在动态添加时会在项目上产生,并且某些原因使工具提示无法处理新项目。需要完全重新加载页面才能使它们工作。

谷歌搜索这个问题,我发现了两个假设的解决方案,但没有一个有效。

第一个解决方案是将初始化代码包装在一个Meteor.defer()函数中,我没有经验,实际上甚至没有出现在官方文档中。

Template.myTemplate.rendered = function() {
    Meteor.defer(function() {
        $('.tooltipped').tooltip()
    })
}
Run Code Online (Sandbox Code Playgroud)

然而,这似乎没有任何作用。

第二个解决方案根本不是真正的解决方案,而只是建议放弃 Bootstrap 的工具提示并安装lookback:tooltips但这根本不是一个非常愉快的体验(复杂且不工作)。

所以我只剩下 Bootstrap 和非反应性。有谁知道如何使它正常工作?

twitter-bootstrap meteor

3
推荐指数
1
解决办法
1659
查看次数

我在Meteor Up中如何设置MONGO_OPLOG_URL?

我在Compose.io中创建了一个数据库和一个具有oplog访问权限的用户.

我得到的URI看起来像这样:

mongodb://<user>:<password>@lamppost.11.mongolayer.com:10022,lamppost.10.mongolayer.com:10024/cardmaker?replicaSet=set-<bunchOfDigits>
Run Code Online (Sandbox Code Playgroud)

认识到这一点,我该怎么设定MONGO_URLMONGO_OPLOG_URLmup.json

实际上没有关于此的文档.:(

deployment compose-db meteor meteor-up

3
推荐指数
1
解决办法
1956
查看次数

使用MongoDB语法和SimpleSchema验证将对象推入数组

我们的想法是将一个看起来像这样的对象推送到一个名为likes的数组中:

{
  movieId: "VgtyvjVUAjf8ya",
  information: {
                 genre: "Action",
                 length: "160",
                 language: "English"
               }
}
Run Code Online (Sandbox Code Playgroud)

我以为这样做会:

Meteor.users.update({_id: Meteor.userId()}, {$push: {likes: {movieId: movieId, information: informationObj}}})
Run Code Online (Sandbox Code Playgroud)

但要么是错误的,要么SimpleSchema的验证有一些问题(虽然它没有抱怨),因为我得到的只是一个数组中的空对象!不,这些价值观本身并没有错,我已经检查过了.

有问题的字段的SimpleSchema如下所示:

likes: {
            type: [Object],
            optional: true
        }
Run Code Online (Sandbox Code Playgroud)

我试过阅读文档,但我真的不明白什么是错的.有谁知道?

javascript mongodb meteor

3
推荐指数
1
解决办法
642
查看次数

如何降级Meteor中的软件包?

新版本的软件包u2622-persistent-session崩溃了我的整个应用程序,没有希望对其进行故障排除,所以我很自然地希望将其降级到0.3.5,但发现它是不可能的.

我把git中的所有内容都回滚到了一切正常的版本,没有运气.

我手动删除了包meteor add u2622:persistent-session@0.3.5,没有运气.

我更改了0.4.4文件中的值,packages但它会立即再次更改.

我该怎么做才能降级包裹?

package meteor

3
推荐指数
1
解决办法
1484
查看次数

我的Meteor.users模式每次都无法验证

我正在使用如下所示的collection2包:https://github.com/aldeed/meteor-collection2

我已经设置了一个简单的模式,其中只有email一个非可选值,但尽管这样简单,每次声称"需要电子邮件"时验证都会失败.

我的架构:

Schema.UserProfile = new SimpleSchema({
  firstName: {
        type: String,
        regEx: /^[a-zA-Z-]{2,25}$/,
        optional: true
  },
  lastName: {
        type: String,
        regEx: /^[a-zA-Z]{2,25}$/,
        optional: true
  },
  birthday: {
    type: Date,
        optional: true
  },
    likes: {
        type: [String],
        optional: true
    }
})

Schema.User = new SimpleSchema({
  username: {
    type: String,
    regEx: /^[a-z0-9A-Z_]{3,15}$/,
            optional: true
  },
  email: {
    type: String,
            regEx: SimpleSchema.RegEx.Email
  },
  verified: {
    type: Boolean,
            optional: true
  },
  createdAt: {
    type: Date,
            optional: true
  },
  profile: …
Run Code Online (Sandbox Code Playgroud)

javascript schema meteor meteor-collection2

2
推荐指数
1
解决办法
897
查看次数

如何在Meteor中添加简单的Facebook og标签?

我不敢相信这个问题以前从未被问过和回答过.

如何在Meteor中添加og标签供Facebook阅读?只是把它放在它之间<head>,</head>不适用于og标签,但它确实适用于常规元标签.

是的,让我们说现在我完全满足于静态地做这件事.

facebook-opengraph meteor

2
推荐指数
1
解决办法
968
查看次数

输入按钮无响应(溢出容器)

之前,我使用了自制提交调用,这样我可以有没有形式<form><input>按钮.一个按钮可以是这样的:

<div class="ui big green button">This is a long button that should not go off screen</div>
Run Code Online (Sandbox Code Playgroud)

但是,现在,我已经切换到另一个前端库,所以我必须这样做:

<input type="submit" class="ui big green button" value="This is a long button that should not go off screen" />
Run Code Online (Sandbox Code Playgroud)

然而,这需要注意我的input按钮不响应窗口大小,即当窗口很小时它不会变厚,而是从屏幕上消失.

我认为这是因为一些奇怪的样式会自动添加到input我无法触及或更改的位置:

user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: buttonface;
    box-sizing: border-box; …
Run Code Online (Sandbox Code Playgroud)

html css

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