小编rea*_*lph的帖子

从Firebase中删除项目

我正在尝试了解如何从Firebase中删除项目.我已经设置了一个函数(createProvider)来创建一个项目,但无法弄清楚如何删除一个项目.

HTML

<form role="form" name="createProviderForm">
    <input type="text" ng-model="title">
    <button type="submit" ng-click="createProvider()">Submit</button>
</form>

<div ng-repeat="provider in providers">
    <h3>{{ provider.title }}</h3>
    <button type="button" ng-click="removeProvider()">Remove</button>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

var rootRef = new Firebase(FBURL);
var providersRef = rootRef.child('providers');

$scope.newProvider = {};
$scope.providers = [];

providersRef.on('child_added', function(snapshot) {
  $timeout(function() {
    var snapshotVal = snapshot.val();
    console.log(snapshotVal);
    $scope.providers.push({
      title: snapshotVal.title
    });
  });
});

$scope.createProvider = function() {
  var newProvider = {
    title: $scope.title
  };
  providersRef.push(newProvider);
};

$scope.removeProvider = function() {

};
Run Code Online (Sandbox Code Playgroud)

我已经创建了一个被调用的函数,removeProvider但无法解决其中的内容.我意识到我必须以某种方式定位特定项目,然后将其从列表中删除.我只是不确定如何.

任何帮助都将不胜感激.提前致谢!

javascript angularjs firebase

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

这可能使用PHP吗?

好的,所以说我有一个WordPress帖子,某些单词包含在span标签中.

例如:

<p>John went to the <span>bakery</span> today, and after picking up his favourite muffin     he made his way across to the <span>park</span> and spent a couple hours on the <span>swings</span> with his friends.</p>
Run Code Online (Sandbox Code Playgroud)

然后是一种使用PHP动态吐出它们(span标签中的单词)作为模板文件中的有序列表的方法吗?

像这样:

<h3>What John Did Today</h3>
<ol>
<li>bakery</li>
<li>park</li>
<li>swings</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

如果有人能指出如何做这样的事情的正确方向,那将非常感激.谢谢.

html php

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

CSS3 PIE.htc不工作

我似乎无法让PIE.htc在这个网站上工作.

这是我的CSS:

section#feature {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    behavior: url(http://sykeshr.co.uk/temp/PIE.htc);
}
Run Code Online (Sandbox Code Playgroud)

我有什么想法我做错了吗?

你可以在这里查看网站:http://www.sykeshr.co.uk/temp/

css3 pie-chart

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

拆分并在电话号码之间添加空格

我正在尝试将电话号码格式化为更简洁的格式,从前面添加第三个和第七个字符之间的空格.

var string = "02076861111"
var phone = [string.slice(0, 3), " ", string.slice(3)].join('');
console.log(phone);

// returns 020 76861111
Run Code Online (Sandbox Code Playgroud)

我在哪里放置第七个字符的方法,所以020 7686 1111返回?

任何帮助表示赞赏.提前致谢!

javascript jquery

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

Jekyll:Markup出现在<p>标签中

我有一个问题,我的文件_/includes夹中的文件中的一些标记正在打印到<p>标签内的页面.

这是我的_includes/gallery.html文件里面的内容:

{% assign rows = page.gallery[include.gallery] %}

    </section> <!-- close this -->
  </div> <!-- and this -->
</div> <!-- this too -->

<section class="image-gallery">
  ...
</section>

<div class="container"> <!-- open this -->
  <div> <!-- and this -->
    <section> <!-- this too -->
Run Code Online (Sandbox Code Playgroud)

我试图关闭一些元素,并在我之后重新打开它们.image-gallery.但由于某些原因,正在被打印在我的关闭和开启的标签<p>标签

像这样:

<pre><code>&lt;/section&gt;
  </code></pre>
    <p>&lt;/div&gt;
    &lt;/div&gt;</p>

    <section class="image-gallery">
        ...
Run Code Online (Sandbox Code Playgroud)

有没有办法阻止这种情况发生?它似乎只影响非闭合标签,就像我的例子中那样.里面的一切都.image-gallery正确显示.

任何人都知道为什么会这样吗?任何帮助表示赞赏.提前致谢!

html jekyll

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

为什么切换()不起作用?

我有一个jsFiddle工作我想要的:http://jsfiddle.net/6wuUc/64/

但由于某种原因,当我使用完全相同的代码时,我点击按钮时没有得到动画.这是我在我的页面上使用的代码.

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">

<link rel="stylesheet" href="_/css/style.css">

<script src="_/js/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script>
    $('.sv_play_button').toggle(function(){
        $('#video').animate({left: '346'}, "fast");
    },function(){
        $('#video').animate({left: '0'}, "fast");
    });?
</script>

</head>

<body>

<div id="video">
    <div class="sublime">
        <p class="sv_play_button">Click</p>
    </div>    
</div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

而CSS:

#video, #video .sv_play_button {position: absolute;}

#video { margin-left: -346px; width: 670px; height: 546px; background-color: blue;}

.sublime { width: 1016px; height: 546px; background-color: red; opacity: 0.8; }

.sv_play_button {padding: 5px; background-color: yellow; top: 0px; right:0px; }?
Run Code Online (Sandbox Code Playgroud)

任何人都知道为什么toggle()不能在我的页面上工作?提前致谢.

jquery toggle

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

JavaScript:如何匹配无序数组

我正在尝试找出如何匹配共享相同元素但不一定按相同顺序排列的数组.

例如,这两个数组共享相同的元素集,即使它们的顺序不同.

有没有办法确定两个数组是否包含相同的元素?

var search1 = ["barry", "beth", "debbie"];
var search2 = ["beth", "barry", "debbie"];

if (search1 == search2) {
    document.write("We've found a match!");
} else {
    document.write("Nothing matches");
}
Run Code Online (Sandbox Code Playgroud)

我现在有一个Codepen的运行在这里:http://codepen.io/realph/pen/grblI

javascript

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

使用Bootstrap的紫色主题

所以我正在尝试使用Bootstrap做一些快速原型设计,我想在Bootstrap网站上使用紫色主题,但是我似乎无法找到隐藏样式的位置.例如,.bs-docs-header默认情况下不进行样式设置.事实上,我甚至无法.bs-docs-header在任何CSS中找到样式.

这是它在Bootstrap网站上查看的方式: 在此输入图像描述

这就是它在我的网站上的样子: 在此输入图像描述

不知道这些风格来自哪里,或者不是.任何有助于此工作的帮助将不胜感激.

提前致谢.

css twitter-bootstrap

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

Angular:ng-src Fallback

是否有一种简单的方法可以从ng-src它返回时退回null?目前我正在这样做,但想知道是否有更好的方法来编写这样的条件:

<td ng-if="m.poster_path == null">
  <img src="default.jpg" />
</td>
<td ng-if="m.poster_path !== null">
  <img ng-src="{{ m.poster_path }}" />
</td>
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏.提前致谢!

javascript angularjs

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

JS:在对象数组中查找最大数字

找到对象数组中最大数字并返回该对象的最简单方法是什么?

var arr = [ { num: 0.5 }, { num: 1 }, { num: 0.35 }]
Run Code Online (Sandbox Code Playgroud)

尝试使用forEach但除了存储每个数字并进行比较之外,无法解决这个问题.

任何帮助表示赞赏.提前致谢.

javascript

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