我一直试图弄清楚如何做到这一点(如果它甚至可能)并且已经画了一个空白......
我有一些文本将包装到多行.我想检测每条线,并将其包裹在一个范围内.最后,我想从一个循环数组为每个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忍者可以帮助我会非常感激!
我正在使用Metafizzy的Isotope JS插件(v2.0.1)来过滤出版物库,我正在使用多个过滤器(例如出版商和行业).有没有办法检查我的过滤器组合是否导致零结果,然后显示相应的消息...类似"抱歉.找不到匹配的项目".
我正在整理一个移动流星应用程序,我想用它来列出本地(比如半径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的搜索.
我做错了什么?
我有一个流星移动应用程序在结构上工作; 我真的需要将视图与一些页面转换拼接在一起.
我看着铁转换项目,但看起来发展已经停止了?(最后提交6个月前,仍然使用Spark引擎)
我还看了几个UI'移动框架'(Ratchet,Framework7),但我无法让它们与流星服务器很好地配合.
我想知道是否有人知道我可以尝试的任何其他简单(左/右)页面转换包/脚本?它只是给我的UI一些(预期的)光滑真的.
我想为我的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) 我正在努力让一些工作 - 我得到一个'未捕获的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 & Mrs Smith
var cbs1 = new Date('May 27, 2011');
var cbe1 = new Date('June …Run Code Online (Sandbox Code Playgroud) 我目前正在使用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) 我正在与一位客户合作开发一个网站,他们刚刚意识到他们已经向我提供了所有价格,包括销售税 (20%) - 有没有办法让我迭代价格字段并更新值从每个条目中删除 20%?在sql查询中?
我一直在使用同位素来建立一个可过滤的出版物库,据我所知,除了firefox之外,它在所有浏览器中运行良好.
我在这里设置了一个jsfiddle(显然在firefox中查看它看起来不起作用!):http: //jsfiddle.net/bellamystudio/wfz5N/
在firebug中没有任何东西表明存在错误,并且同位素似乎在同位素网站(isotope.metafizzy.co)上对firefox工作正常,所以我想弄清楚我做错了什么!任何人都可以看到我的代码有问题吗?
任何帮助一如既往的赞赏!
jquery ×4
meteor ×3
mongodb ×2
click ×1
date-range ×1
datepicker ×1
firefox ×1
geo ×1
iron-router ×1
javascript ×1
meteor-blaze ×1
mysql ×1
schema ×1
select ×1
sql ×1
text ×1