小编ngp*_*und的帖子

img src SVG改变填充颜色

HTML

<img src="logo.svg" alt="Logo" class="logo-img">
Run Code Online (Sandbox Code Playgroud)

CSS

.logo-img path {
  fill: #000;
}
Run Code Online (Sandbox Code Playgroud)

上面的svg加载并且是原生的,fill: #fff但是当我使用上面css的内容尝试将其更改为黑色时它不会改变,这是我第一次玩SVG而且我不确定它为什么不起作用.

css svg image

304
推荐指数
14
解决办法
44万
查看次数

jQuery 1.9 .live()不是一个函数

我最近将jQuery从1.8升级到2.1.我突然发现.live()停止工作.
我收到了错误TypeError: $(...).live is not a function.

有什么方法可以用来代替.live()吗?

javascript jquery function live deprecated

228
推荐指数
9
解决办法
29万
查看次数

更改选择框选项背景颜色

我有一个select盒子,我试图select在单击该框时更改选项的背景颜色并显示所有选项.

见小提琴

HTML:

<select>
    <option val="">Please choose</option>
    <option val="1">Option 1</option>
    <option val="2">Option 2</option>
    <option val="3">Option 3</option>
    <option val="4">Option 4</option>
</select>
Run Code Online (Sandbox Code Playgroud)

CSS:

select{
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
Run Code Online (Sandbox Code Playgroud)

html css html-select background-color

110
推荐指数
4
解决办法
50万
查看次数

AngularJS从外部访问控制器$ scope

var theApp = angular.module('theApp', []);
var app = angular.module('theApp', ['ui.bootstrap']);
app.controller('MenuSideController', ['$scope','SnazzyService','$modal','$log', function($scope, SnazzyService, $modal, $log) {
    $scope.user.zoomlvl = '2';
}]);
Run Code Online (Sandbox Code Playgroud)

我有上面的控制器,它设置了一个$scope我只能从内部访问值.

但我看到的地方,使用下面我将能够访问$scope,但是当我console.log($scope)$scope.user.zoomlvl它不存在.

我无法弄清楚如何访问MenuSideController$ scope并使用valZoom变量更新它.

var appElement = document.querySelector('[ng-app=theApp]');
var $scope = angular.element(appElement).scope();
console.log($scope);
$scope.$apply(function() {
    $scope.user.zoomlvl = valZoom;
});
Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-scope

43
推荐指数
1
解决办法
8万
查看次数

.change()获取:选中的文本值

我正在尝试运行以下代码

$("select#shipping_rates_drop").change(function(){
            var selectedText = $(this + "option:selected").text();
            var ship = thisvalue.split("£");
            var subtotal = $("ul#deliveryList").attr("class");
            var ship = ship[1];
            var totalcost = parseFloat(subtotal)+parseFloat(ship);
            $(".wrap.form-section h1 span").html("&nbsp;&nbsp;&nbsp;&nbsp;<small>Total </small> £"+totalcost);
            $("input[name=itemamt]").val(subtotal);
            $("input[name=shippingamt]").val(ship);
            checklistCheck1();
        });
Run Code Online (Sandbox Code Playgroud)

我希望在更改时从所选值中获取文本.恩.UPS全球快递 - £89.57然后代码拆分价值以获得实际的费用数.

但是console.log引发了以下情况

错误:语法错误,无法识别的表达式:[object HTMLSelectElement]选项:已选中

在jquery.min.js(第2行)

所以我假设我在这里做错了什么,并希望有人可以提供帮助

jquery selected

37
推荐指数
3
解决办法
7万
查看次数

CSS将文本放在一行而不是两行

我有一个标题的小问题,我希望文本显示在一行而不是分成两个,因为我试图将这些块作为网格排列

的jsfiddle

HTML

<div class="garage-row">
    <a class="garage-row-title" href="/board/garage_vehicle.php?mode=view_vehicle&amp;VID=4">
        <div class="garage-title">1996 Land Rover Defender</div>
        <div class="garage-image"><img src="http://enthst.com/board/garage/upload/garage_vehicle-4-1373916262.jpg"></div>
    </a>
    <div class="user-meta">
        <b>
            <a href="{block_1.row.U_COLUMN_2}">Hobbs92</a>
        </b>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans);


.garage-row {
    border: 1px solid #FFFFFF;
    float: left;
    margin-right: 5px;
    padding: 12px;
    position: relative;
    width: 204px;
}
    .garage-row img{}
.garage-image {
    background-position: center center;
    display: block;
    float: left;
    max-height: 150px;
    max-width: 204px;
    overflow: hidden;
    position: relative;
}

.user-meta {
    background: none repeat scroll 0 0 #2C3539;
    color: #FFFFFF;
    float: left;
    padding: 10px; …
Run Code Online (Sandbox Code Playgroud)

html css

34
推荐指数
2
解决办法
12万
查看次数

Javascript将getHours更改为2位数

如果小时小于10小时,则通常以小时数的形式放置小时.

var currentHours = currentTime.getHours ( );
Run Code Online (Sandbox Code Playgroud)

以下是将时间显示为最佳方式09而不是9

if (currentHours < 10)  currentHours = '0'+currentHours;
Run Code Online (Sandbox Code Playgroud)

javascript

34
推荐指数
3
解决办法
4万
查看次数

找出变量是否在数组中?

我有一个变量:

var code = "de";
Run Code Online (Sandbox Code Playgroud)

我有一个数组:

var countryList = ["de","fr","it","es"];
Run Code Online (Sandbox Code Playgroud)

有人可以帮助我,因为我需要检查变量是否在countryList数组中 - 我的尝试在这里:

    if (code instanceof countryList) {
        alert('value is Array!');
    } 

    else {
        alert('Not an array');
    }
Run Code Online (Sandbox Code Playgroud)

但是当它运行时我在console.log中收到以下错误:

TypeError:无效的'instanceof'操作数countryList

javascript arrays

19
推荐指数
4
解决办法
4万
查看次数

jQuery检测字符串是否包含某些内容

我正在尝试编写jQuery代码来检测实时字符串是否包含一组特定的字符然后字符串提醒我.

HTML

<textarea class="type"></textarea>
Run Code Online (Sandbox Code Playgroud)

我的Jquery

$('.type').keyup(function() {
    var v = $('.type').val();
    if ($('.type').is(":contains('> <')")){
        console.log('contains > <');        
    }
    console.log($('.type').val());
});
Run Code Online (Sandbox Code Playgroud)

例如,我键入以下内容

> <a href="http://google.com">Google</a> <a href="http://yahoo.com">Yahoo</a>
Run Code Online (Sandbox Code Playgroud)

我的代码应该控制日志警告我那里> <字符串中的当前.

jquery

18
推荐指数
3
解决办法
11万
查看次数

AngularJS动态图像源

<img src="{{ twt.display }}"/>
Run Code Online (Sandbox Code Playgroud)

我有上面的图像标记,其中src在范围内,但是当我查看浏览器控制台日志时,它显示以下内容

资源解释为图像,但使用MIME类型text/html传输:" http://example.com/%7B%7Btwt.display%7D%7D ".

图像确实按预期显示但我想知道是否有办法阻止此消息出现?

javascript angularjs

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