小编Ste*_*ven的帖子

我需要计算我在列表中选择的项目数.

我有以下列表:

<ul>
  <li ng-repeat="items in item">
    <input type="checkbox" name="item_id[]" />
  </li>
</ul>

有类似的东西var count = $scope.item.selected.count吗？

更新
感谢@Stewie我得到了它的工作.

我最终使用了这段代码:

    // Count the number of selected items
    $scope.selectedCounter = 0;
    $scope.change = function (item) {
        if (item.selected) {
            $scope.selectedCounter++
        } else {
            $scope.selectedCounter--
        }
    };

    // HTML
    <ul>
      <li ng-repeat="item in items">
        <input type="checkbox" ng-model="item.selected" ng-change="change(item)" />
      </li>
      ...
    </ul>

    <span>Count: </span> ({{selectedCounter}})

如果您还有一个select all复选框

<input type="checkbox"  ng-model="selected" class="checkAll" ng-change="selectAll(selected)" />

然后代码将是:

    $scope.selectAll = function (selected) …

我创建了一个ColumnChart它有两个栏.如何在这两个栏上设置不同的颜色？

我目前只能为两个酒吧设置一种颜色,

这是我使用的代码的一部分:

var d = [['', ''], ['Bar 1', 100], ['Bar 2', 300]]; 
data = new google.visualization.arrayToDataTable(d);    

var option = {
  title: 'Betalingsoppfølging',
  width: '300',
  height: '250',
  min:  '0',
  legend: 'none',
  colors: ['#b2cedc', '#7b7b7b','#e2e2e2', '#747c1f']
}

wrap.setOptions(option);
wrap.draw(data);

意图colors: ['#b2cedc', '#7b7b7b','#b2cedc', '#7b7b7b']是为bar1和bar 2设置起始颜色.但我所做的就是使用定义的第一种颜色.

有没有办法通过选项来挑选背景颜色？

可视化工具的测试代码

将其剪切并粘贴到Code Playground中.

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  var raw_data = [['Austria', 150000, 225000]];

  var years = [2003, 2004]; …

所以我已经深入研究了"响应式设计",并对其运作方式有了一个公平的理解.然而,我需要特别注意两件事.

我的"逻辑"思维方式是这样的:如果屏幕尺寸小于320px,那么做A,如果屏幕尺寸小于480px做B.

@media only screen and (max-width: 320px) { Do one thing here}
@media only screen and (max-width: 480px) { Do another thing here}

这个问题是max-width: 480px如果屏幕宽度小于320 ,css in 也会受到影响.

当我看一些例子时,我发现他们正在使用类似的东西:

@media only screen and (min-width: 290px) {}
@media only screen and (min-width: 544px) {}
@media only screen and (min-width: 960px) {}

这基本上就是说屏幕大于290px,这样做,如果屏幕大于544px,那就行了.但我会在这里遇到同样的问题.Code in min-width: 290px也将用于任何大于290px的屏幕尺寸.

因此,我能想到的唯一解决方案仅适用于特定的屏幕范围,使用此方法:

@media only screen and (max-width: 320px) {}
@media only screen and (min-width: 321px),
only screen and (max-width: 480px){}
@media only screen …

一个类似的问题已被提出(并回答),但没有答案/解决方案如何解决它

我正在为我的Phonegap项目使用jQuery Mobile/Handlebars.到目前为止,一切似乎都很好.但突然间我得到了这个奇怪的换行符:

"​                               "

我使用以下代码来制作列表:

    // HTML
    <ul id="guideListView" data-role="listview" ></ul>

    <script id="guideListTemplate" type="text/x-handlebars-template">?
        {{#if this}}
            {{#each this}}
            <li class="guide">
                <a href="{{guideUrl}}{{id}}" data-transition="slide" class="ui-nodisc-icon" >
                    <div class="name">{{name}}</div>
                    <div class="num-stores-container no-bold small">Stores: <span class="num-stores">{{storesCount}}</span></div>
                </a>
            </li>
            {{/each}}
        {{else}}
            <li class="ui-btn">Sorry, no guides for <span class="city"></span></li>
    {{/if}}
    </script>

    // JS
    var template = Handlebars.compile($("#guideListTemplate").html());
    $('#guideListView').append(template(guides));
    $('#guideListView').listview().listview('refresh');

有谁知道这可能导致什么？

更新
我尝试使用("#guideListTemplate").html().trim()和$('#guideListView').html(template(guides));,但这没有任何区别.这可能是jQuery Mobile的一大特色吗？

多一点调试,似乎问题可能在于:

<script id="guideListTemplate" type="text/x-handlebars-template">?

在测试了此处和网络其他部分的各种解决方案之后,我无法弄清楚以"简单"方式执行此操作的逻辑(或使其完全可用).

我有以下列表:

<ul class="store-list">
    <li data-categories="Bags Shoes Accessories Belts">
        <h3 itemprop="name">Enzo Poli</h3>
    </li>
    <li data-categories="Womenswear Shoes">
        <h3 itemprop="name">Ilse Jacobsen</h3>
    </li>
    <li data-categories="Menswear Womenswear Shoes Ties">
        <h3 itemprop="name">Kiman (Shoes Ties)</h3>
    </li>
    <li data-categories="Menswear Womenswear Shoes Knitwear">
        <h3 itemprop="name">Riccovero</h3>
    </li>
</ul>

<button class="a">Ties</button>
<button class="b">Ties & Shoes</button>
<button class="c">Menswear</button>

我尝试使用属性不等于选择器,但这绝对不起作用.

var stores = $('.store-list');

$('button.b').on('click', function(){
  stores.find('li[data-categories!="Ties"][data-categories!="Shoes"]').fadeOut();  
});

另一个问题是当我选择不同的类别时,隐藏的元素不会显示.

我知道我可以使用$.each()并浏览每个元素并使用大量代码来查看它是否包含类别并检查它是否可见.但我只是希望有一个更好,更简单的选择.

所以Q是; 如何根据我选择的过滤器显示/隐藏列表项？
看到我的小提琴.

我需要在列表中获取包含街道地址的div.div有一个名为address的类(div class ="address")

我不能使用jQuery("#storeList li .address"),因为我还需要访问其他元素.

我有以下代码:

jQuery("#storeList li").each(function() {
  var n = jQuery(this.address).text(); // <- This does not work
  alert(n);
});

如何访问Address类型的每个DIV元素？

我已经创建了一个日历插件,现在我想在我的一个模板中显示一个事件列表.我现在使用的代码是这样的:

include_once(WP_CAL_PLUGIN_DIR.'eventcal.class.php');

$calendar = new EventCalendar();
$events = $calendar->getMultipleEvents('5');

(...)

<table>
<?php foreach($events as $event) : ?>
  <tr>
    <td><span><?php echo $calendar->formatEventTime($event->startTime,'dm'); ?></span></td>
    <td><span><?php echo $calendar->formatEventTime($event->startTime,'time'); ?></span></td>
    <td><?php echo $event->name; ?></td>
  </tr>
<?php endforeach; ?>
</table>

有没有办法在我的插件中调用函数而不必包含WP插件并创建新的类实例？

我有一个城市选择列表和购物中心列表.选择一个城市,将显示该城市的购物中心.

我的"问题"是隐藏一个城市的购物中心和另一个城市之间的过渡,它不顺利.它"颠簸".

你可以在这里看到我的意思:http://jsfiddle.net/egUHN/12/

实现平稳过渡的最佳方式是什么？我也试过使用show/hide,但它没有帮助.

更新
@Zanfa通过使用提出了一个出色的解决方案[promise().done()][1].

$('.city_list .city').fadeOut('normal').promise().done(function() {
    jQuery('.city_list .' + shmall_selected_city).fadeIn('normal');
});

我稍后会测试一下.

我有一个MySQL数据库表,包含大约1000家商店的信息.现在我将通过上传Excel电子表格来导入更多商店,我正在努力避免重复.

• 商店可能具有相同的名称,但从不相同的地址.
• 商店可能拥有相同的地址,但名称从不相同

但这是我的问题.

• 商店可能拼写错误
• 地址可能会拼写错误

目前我正在将数据导入临时表.现在我想知道将进口商店与现有商店进行比较的最佳方法是什么.

我的计划是通过每一行并比较商店.

• 首先比较a.name = b.name和a.street = b.street.在比赛中,商店被删除.
• 然后我将在名称和街道上进行Levenshtein比较.在这里,我可能需要手动查看结果以确定它是否重复.

有没有人有这种数据比较的经验？

更新
感谢您的回答.

将用于比较的字段是:

• 名称
• 街道地址
• 邮政编码
• 市
• 国家

我正在考虑以下几点:

选择name = Lavenshtein和country = country的行.
这样我只需要处理一个小清单.

然后我可以更彻底地比较姓名和地址.

我使用Firefox和页面上的工作时,我注意到,&变成&.

通常我可以通过使用来解决这个问题html_entitiy_decode()- 但在这种情况下,它无法正常工作.

然后我发现了这个.加载页面后会触发警报.

之前

后

使用PHP/Yii加载数据 - 而不是通过JS/Ajax加载.然而,我使用JS Knockout添加/删除品牌.

<ul data-bind="template: { name: 'brand-item-template', data: $root.brands}">
  <li>
    <span id="<?= $brand->id?>" data-bind="text: brand_name, attr: {'id': brand_id}"><?= $brand->name; ?></span>
    <a href="#" class="remove el-icon-remove-circle" data-bind="click: $parent.removeBrand"></a>
  </li>
</ul>

更新

我发现这个JS Knockout代码是改变的原因.但是在添加品牌之前不应该触发此代码.那为什么这会影响我&的？

这就是self.addBrand = function()改变.如果我删除此功能并保持原样,一切都很好.它可以是一个Knockout错误吗？

$('#store.manage-special-offers').exists(function(){
    Store.mangeSpecialOffers();
});

function manageBrandListModel() {
    var self = this;
    var store_id = $('.data-item-id').val();
    var exiting_list = $('.brand-list ul').clone();

    // Data
    self.brands = ko.observableArray(create_list(exiting_list));
    self.brand_name …