小编Bel*_*dio的帖子

我可以在跨度中包装每行多行文本吗?

我一直试图弄清楚如何做到这一点(如果它甚至可能)并且已经画了一个空白......

我有一些文本将包装到多行.我想检测每条线,并将其包裹在一个范围内.最后,我想从一个循环数组为每个span分配一个类.

例如...!

<div id="quote">
    I have some text that
    wraps onto three lines
    in this container
</div>
Run Code Online (Sandbox Code Playgroud)

我想让我的jquery解析这些行,检测它包裹的位置,并将其转换为:

<div id="quote">
    <span class="red-bg">I have some text that</span>
    <span class="orange-bg">wraps onto three lines</span>
    <span class="yellow-bg">in this container</span>
</div>
Run Code Online (Sandbox Code Playgroud)

我想动态执行此操作的原因是我在响应式模板中执行此操作,因此有时相同的文本将仅包装在两行中,或者在iPhone中可能包含四行.

这可行吗?我发现了这个 - > http://vidasp.net/tinydemos/numberOfLines.html它计算了一个文本块中使用的行数,但这并没有真正扩展到我需要的地方.

如果任何jquery忍者可以帮助我会非常感激!

javascript jquery text

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

同位素 - '没有结果'的消息?

我正在使用Metafizzy的Isotope JS插件(v2.0.1)来过滤出版物库,我正在使用多个过滤器(例如出版商和行业).有没有办法检查我的过滤器组合是否导致零结果,然后显示相应的消息...类似"抱歉.找不到匹配的项目".

jquery-isotope

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

移动流星应用程序 - 计算附近的位置并存储为可排序的集合

我正在整理一个移动流星应用程序,我想用它来列出本地(比如半径20英里范围内)的便利设施.我有这些设施和相应的经纬度数据收集 - 我希望能够通过我的当前位置(使用科尔多瓦)的应用程序,并生成一个列表(/集?)是最接近排序第一.

我有两个具体的问题,我真的很感激一些建议!

我可以使用蒙戈的$near这个或我应该使用Node.js的插件(例如,"GeoLib" - https://github.com/manuelbieh/geolib)做距离计算?

如何生成这些位置的临时(本地存储)集合以显示在我的列表中?据推测,如果我不使用$near我必须遍历我的位置,计算所有这些位置的距离,然后返回距离低于某个阈值的任何地方,但这似乎是一种昂贵的方式,当我的位置列表将成长和成长.

对不起,这是我第一次尝试这样的事情; 我非常感谢来自经验丰富的开发人员的任何建议!

编辑 - 我的代码(为什么不工作?!)

我将这样的位置存储在一个集合中:

Beaches.insert({ name: 'Venice Beach CA', geometry: { type: "Point", coordinates: [-118.473314,118.473314] } });

...

Beaches._ensureIndex({'geometry.coordinates':'2d'}, function(err, result) { if(err) return console.dir(err); });

我正在查询这些条目(传入lat和lng):

getNearBeaches = function(lng,lat) { return Beaches.find({'geometry.coordinates': { $near: { $geometry: { type: "Point", coordinates: [lng,lat] } }, $maxDistance: 20000 //meters } }) };

我可以列出我的收藏与直find(),但我的位置搜索没有返回,即使我设置$ maxDistance到一个巨大的数字,或直接在已存储的一组COORDS的搜索.

我做错了什么?

geo mongodb meteor

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

流星的页面转换?

我有一个流星移动应用程序在结构上工作; 我真的需要将视图与一些页面转换拼接在一起.

我看着铁转换项目,但看起来发展已经停止了?(最后提交6个月前,仍然使用Spark引擎)

我还看了几个UI'移动框架'(Ratchet,Framework7),但我无法让它们与流星服务器很好地配合.

我想知道是否有人知道我可以尝试的任何其他简单(左/右)页面转换包/脚本?它只是给我的UI一些(预期的)光滑真的.

meteor iron-router meteor-blaze

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

用于mongo地理位置数据的Meteor简单模式

我想为我的meteor app创建一个管理表单; 在尝试从头构建一个之前我打算尝试Ogno Admin,但我不确定它是否能够以我需要的格式支持数据.我当前的应用数据会像这样进入mongo:

Beaches.insert({
    "name": "Entry name",
    /* location stored like this so I can use mongo $near queries */
    "location": {
        "type": "Point",
        "coordinates": [-5.0990296,50.110757]
    },
    /* could be many images, minimum 1 */
    "images": [
        {
            "url": "image1.jpg",
            "caption": "Image caption"
        }
    ],
    "shortDesc": "A delightful description...",
    /* fixed list of attributes stored as objects */
    "attributes": {
        "attr 1": {
            "score": 2,
            "text": "attr1 text"
        },
Run Code Online (Sandbox Code Playgroud)

我可以编写一个简单的模式来支持上面的不同数组/对象(尤其是位置坐标)吗?它们必须是方括号格式[lng,lat] - 并且ogno管理员可以使用它,还是我必须编写自定义管理员的东西?我可能更容易在其他东西中构建管理站点并获得它来为Meteor输出JSON数据.

更新可能的架构代码

Beaches = new SimpleSchema({
  name: { …
Run Code Online (Sandbox Code Playgroud)

schema mongodb meteor

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

jquery UI datepicker - 禁用日期范围

我正在努力让一些工作 - 我得到一个'未捕获的TypeError:无法读取属性'0'未定义'错误与下面的我无法弄清楚为什么!

我正在尝试在网站上使用jQuery UI datepicker来表示假日小屋,以指示可用性和季节(低,高等).我有一个datePicker事件的功能,以检查是否有预约日期,如果没有,我会去检查我们在哪个季节(在非旺季预订可以在周一或周五进行.在旺季,只有星期五.)

我正在使用cms生成一些日期数组(通过循环),然后我可以在构建日历时迭代,所以javascript有点冗长.

数组看起来像这样:

<script> 
//Peak Season 1 2011
var ps1 = new Date('June 17, 2011');
var pe1 = new Date('September 2, 2011');
//Peak Season 2 2011
var ps2 = new Date('December 19, 2011');
var pe2 = new Date('January 6, 2012');
// season start and end date arrays
var peakStart = new Array(ps1,ps2);
var peakEnd = new Array(pe1,pe2);

// Bookings
//Mr &amp; Mrs Smith 
var cbs1 = new Date('May 27, 2011');
var cbe1 = new Date('June …
Run Code Online (Sandbox Code Playgroud)

jquery user-interface datepicker date-range

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

结合使用同位素过滤的元素

我目前正在使用Isotope来过滤出版物列表,但是希望能够将标准的,记录在案的链接过滤器方法与select元素结合起来,因为我的第二个过滤器列表很长.

我正在努力解决的问题是处理两种不同类型的元素,并将所选值组合一个选项数组.我可以使过滤器彼此独立工作(下面的代码),但它们需要协同工作.如何将两个不同的操作(单击或更改)和两个属性(class =或value =)组合到一个选项数组中以传递给isotop过滤器?

    var $container = $('#library');
// select ccskills publications by default
$container.isotope({ filter: '.ccskills' });

var $optionSets = $('#library-options .option-set'),
$optionLinks = $optionSets.find('a');

$optionLinks.click(function(){
    var $this = $(this);
    // don't proceed if already selected
    if ( $this.hasClass('selected') ) {
    return false;
    }
    var $optionSet = $this.parents('.option-set');
    $optionSet.find('.selected').removeClass('selected');
    $this.addClass('selected');

    // make option object dynamically, i.e. { filter: '.my-filter-class' }
    var options = {},
    key = $optionSet.attr('data-option-key'),
    value = $this.attr('data-option-value');

    // parse 'false' …
Run Code Online (Sandbox Code Playgroud)

jquery select click jquery-isotope

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

使用 SQL 查询从 MySQL 字段中存储的价格中删除 20%?

我正在与一位客户合作开发一个网站,他们刚刚意识到他们已经向我提供了所有价格,包括销售税 (20%) - 有没有办法让我迭代价格字段并更新值从每个条目中删除 20%?在sql查询中?

mysql sql

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

同位素不在firefox 4中显示项目

我一直在使用同位素来建立一个可过滤的出版物库,据我所知,除了firefox之外,它在所有浏览器中运行良好.

我在这里设置了一个jsfiddle(显然在firefox中查看它看起来不起作用!):http: //jsfiddle.net/bellamystudio/wfz5N/

在firebug中没有任何东西表明存在错误,并且同位素似乎在同位素网站(isotope.metafizzy.co)上对firefox工作正常,所以我想弄清楚我做错了什么!任何人都可以看到我的代码有问题吗?

任何帮助一如既往的赞赏!

firefox jquery jquery-isotope

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