小编Pop*_*les的帖子

我想在我的自定义库中显示存储在Windows Phone 8照片文件夹中的所有图像,该图库ListBox用于显示图像.

的ListBox代码如下:

    <phone:PhoneApplicationPage.Resources>
        <MyApp:PreviewPictureConverter x:Key="PreviewPictureConverter" />
    </phone:PhoneApplicationPage.Resources>

    <ListBox Name="previewImageListbox" VirtualizingStackPanel.VirtualizationMode="Recycling">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel CleanUpVirtualizedItemEvent="VirtualizingStackPanel_CleanUpVirtualizedItemEvent_1">
                </VirtualizingStackPanel>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Image Source="{Binding Converter={StaticResource PreviewPictureConverter}}" HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
     </ListBox>

使用以下转换器:

public class PreviewPictureConverter : System.Windows.Data.IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        PreviewImageItem c = value as PreviewImageItem;
        if (c == null)
            return null;
        return c.ImageData;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) …

如果值超过100,我希望阻止用户输入更多内容.到目前为止,我在阅读不同帖子时有以下内容:

$('.equipCatValidation').keyup(function(e){
        if ($(this).val() > 100) {               
           e.preventDefault();                
        }
    });

要确认我希望值不是字符串长度,并且它不能超过100.

然而,这并不妨碍该领域的进一步投入.我错过了什么

解决方案:http://jsfiddle.net/9TP3e/

我正在尝试使用jQuery UI Tooltip和以下代码自定义工具提示的位置:

$(".karma").tooltip({
  position: {
    my: "center bottom",
    at: "right top"
  }
});

但无论我对"我的"和"在"做什么都没有改变.我究竟做错了什么？

这是jQuery Tooltip API位置部分的链接

我有Edge浏览器的问题.在我的网站上,我有里面有span标签的按钮.在此span标签中,我绑定了文本和图标.到目前为止我没有问题,但在Edge浏览器上可以点击禁用的按钮.调查问题后我发现,当按钮里面包含span标签时,可以点击按钮.以下是它在我的网站上的外观:

<button id="btnRefresh" type="button" class="btn btn-primary" ng-click="refresh()" ng-disabled="performingAction">
    <span ng-class="performingAction && action == 'refresh' ? 'fa fa-cog fa-spin' :'fa fa-refresh'"></span>
    <span>{{ refresh }}</span>
</button>

以下是测试示例:

<button type="button" disabled="disabled" onclick='alert("test");'>
    <span>Click me!</span>
</button>

一个选项是隐藏按钮而不是禁用,但我更喜欢禁用它们.请提出解决方案来解决这个问题.

我有一个jQuery验证方法的联系表单.当用户点击"重置"按钮时,孔接触形式应该进入初始状态.

这是按钮看起来像:

<form class="form" method="post" action="" name="contact" id="contact">
  <button type="button" id="cancel" class="btn btn-danger btn-lg">Reset</button>
</form>

我的"$(document).ready-function"中的JS-Code是:

$('#cancel').on('click', function () {
   $("#contact").validate().resetForm();
   $("#contact").removeClass("has-error");
});

问题:错误文本和输入字段将被删除.但不删除红色边框(.has-error)或绿色边框(.has-success).

我为你创建了一个JSFiddle:

http://jsfiddle.net/bBc8c/1/

一个按钮清除输入文本,另一个是删除错误消息.我需要一个按钮来重置(文本,错误消息)和主要问题,来自has-*类的红色边框.

一个Button被声明为type = submit另一个是type = button:

<button type="button" id="cancel" class="btn btn-danger btn-lg">Reset 1</button> 
<button type="reset" id="cancel2" class="btn btn-danger btn-lg">Reset 2</button>

<header class="mdl-layout__header">
    <div class="mdl-layout__header-row">

        <!-- Navigation -->
        <nav class="mdl-navigation">
            <a class="mdl-navigation__link is-active" href="/">link</a>
            <a class="mdl-navigation__link is-active" href="/">link</a>
        </nav>
    </div>
</header>
<div class="mdl-layout__drawer">
    <nav class="mdl-navigation">
        <a class="mdl-navigation__link is-active" href="/">link</a>
        <a class="mdl-navigation__link is-active" href="/">link</a>
    </nav>
</div>

<!-- Colored FAB button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
    <i class="material-icons">add</i>
</button>

根据http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/,只要我componentHandler.upgradeDom()在动态加载html后调用它就应该工作.为了确保我正在调用upgradeDom,我添加了按钮以查看是否添加了涟漪效果.按钮已更新,但汉堡包图标未显示.

如果我内联html汉堡包图标出现.

http://jsfiddle.net/YcK5X/ 我想知道为什么这个AJAX请求不会返回任何内容.

$.ajax({
    type: 'POST',
    url: '/echo/html',
    data: 'Echo!',
    success: function(data) {
        $('#ajax').html(data);
    },
    dataType: 'text/html'
});

我通过使用 CSS 缩放图像来调整精灵表上图标的大小。在 Chrome 中它工作正常。Firefox 可以正确缩放图形，但它占用的空间与未缩放版本相同。

我发现-moz-focus-inner它删除了一些填充但似乎没有关系。

我试过在 CSS 中减小图像的大小，但它先裁剪然后缩放，而不是先缩放再裁剪，而且它破坏了 Chrome 的版本。这是在 Firefox 中 :(

我不想添加更多的标签来修复它，例如我可以<i>用 a包裹<span>并将跨度的 CSS 设置为宽度：x 和高度：x 和溢出：隐藏。 我正在寻找一个 CSS 解决方案来解决这个问题，因此无需创建另一个精灵表，无需更改 HTML 和 JS，如果有的话。

<button class="btn"><i class="icon"></i></button>
<button class="btn"><i class="icon icon-small"></i></button>

CSS

.btn, .btn-small{
    border:0;
    background:#000;
    padding:5px;
    margin:5px;
}

.icon{
    width:50px;
    height:50px;
    background-image:url(https://ssl.gstatic.com/gb/images/v1_53a1fa6a.png);
    background-position: -145px -75px;
    background-repeat:no-repeat;
    display:inline-block;

}

.icon-small{
    zoom:0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;
}

小提琴

我发现了一个很好的脚本,http://mjsarfatti.com/sandbox/nestedSortable/,这对我来说几乎是完美的.我只是找不到一件小事.

我想禁用一些要拖动的项目.我查看了自述文件,尝试了一些选项,但没有得到我想要的东西.

有人能告诉我如何禁用要拖动的项目吗？

任何玩家都可以通过浏览器控制台更改纸杯蛋糕的数量轻松欺骗这款游戏.我想知道是否有办法阻止用户这样做.这也发布在github上.

var numberOfCupcakesDisplay = document.getElementById("numberOfCupcakes");
var cupcake = document.getElementById("cupcake");

function updateValues() {
    numberOfCupcakesDisplay.innerHTML = amountOfCupcakes.toString();
    //displays number of cupcakes to screen
    document.getElementById("amountOfToasters").innerHTML = amountOfToasters.toString();
    //displays number of toasters to screen
    document.getElementById("toasterButton").innerHTML = "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp" + Math.round(costOfToasters).toString() + " cc";
    //changes cost of toaster every time it is bought by 110%
}

cupcake.addEventListener('webkitAnimationEnd', function(e){
    e.preventDefault();
    this.style.webkitAnimationName = '';
}, false);

function clickCupcake() {
    ++amountOfCupcakes;
    cupcake.style.animation = "shiftCupcake";
    cupcake.style.webkitAnimationName = "shiftCupcake";
}

updateValues();