小编jgr*_*ois的帖子
textarea中的jquery字符倒计时
我想提供一个视觉效果,向用户显示当他们在响应中键入时,有多少字符保留在文本区域中.我的代码在下面工作!但我有点拼凑逻辑并且有很多重复.是否有更好的方法来编写下面的jquery,它更易于维护和简洁？
HTML
<td colspan="4" style="text-align:center;">
NOTES<br>
<textarea class="sam_notes maxed" maxlength="750" name="sam_notes" style="height:100px;width:90%;margin:0 auto;"></textarea>
<br>
<span style="font:normal 11px sans-serif;color:#B00400;">
<span class='counter_msg'></span>
</span>
</td>
JQUERY
(function() {
$(document).on('focus', '.sam_notes', function(e){
var msgSpan = $(this).parents('td').find('.counter_msg');
var ml = parseInt( $(this).attr('maxlength') );
var length = $(this).val().length;
var msg = ml - length + ' characters of ' + ml + ' characters left';
msgSpan.empty().html(msg);
});
$(document).on('keyup', '.sam_notes', function(e){
var msgSpan = $(this).parents('td').find('.counter_msg');
var ml = parseInt( $(this).attr('maxlength') );
var length = $(this).val().length;
var msg …2
推荐指数
推荐指数
1
解决办法
解决办法
4018
查看次数
查看次数
AngularJS:根据下拉列表更改路由不起作用
我正在开发一个最终会响应的项目,导航将崩溃到一个选择控件,所以我在Google上发现了一篇关于此的文章.我了解到ng-change不会触发角度事件,但有人建议在选项标签中添加ng-click会替换该空白.
当我构建我的POC时,我意识到的第一件事是我将go功能复制并粘贴到每个中意味着设计不是DRY(所以警报开始在我脑海中响起)并且可能意味着这不是正确的方法去做这个.
我继续构建我从文章中理解的东西,它不会改变路线.
我建了一个plunker.
这是HTML:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>Proof of Concept</title>
<link data-require="bootstrap-css@*" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<form>
<select name="naver" id="naver">
<option value="home" ng-click="go('/')">Home</option>
<option value="first" ng-click="go('/first')">First</option>
<option value="second" ng-click="go('/second')">Second</option>
</select>
</form>
<div ng-view=""></div>
<script data-require="angular.js@1.2.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js" data-semver="1.2.16"></script>
<script data-require="angular-route@*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular-route.js"></script>
<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="app.js"></script>
</body>
</html>
和脚本:
var app = angular.module("myApp", ['ngRoute']); …1
推荐指数
推荐指数
1
解决办法
解决办法
7590
查看次数
查看次数
firestore vue.js：auth() 不是函数
我有一个像这样的 firebase 配置文件：
import { firebase } from "@firebase/app";
import "@firebase/firestore";
const firebaseApp = firebase.initializeApp({
apiKey: "myKey",
authDomain: "myDomain",
databaseURL: "myURL",
projectId: "myProject",
storageBucket: "myBucket",
messagingSenderId: "999999999"
});
export const db = firebaseApp.firestore();
export const firebaseApp = firebaseApp;
我正在尝试对用户进行身份验证，但不断收到 firebaseApp.auth() 不是一个函数。
let me = db.collection('staff').where('email', '==', this.current_user.email)
.get()
.then((querySnapshot) => {
querySnapshot.forEach((doc) => {
this.fbUser = doc.id;
let email = doc.data().email;
let pw = doc.data().key;
firebaseApp.auth().onAuthStateChanged(user => {
if (user) {
//console.log('Already authenticated.');
} else {
firebaseApp.auth().signInWithEmailAndPassword(email, pw)
.then(liu => …1
推荐指数
推荐指数
1
解决办法
解决办法
781
查看次数
查看次数
请帮助我理解jQuery的新.on方法
我曾经使用.live但我现在正试图用更好的.on替换那些.但我似乎不理解API指令,因为下面的代码什么也没做,我应该收到警报.任何人都可以看到我搞砸了这个吗？
<!DOCTYPE html>
<html>
<head>
<title>Online Media Player</title>
<link rel="stylesheet" href="/assets/css/music-player.css" type="text/css" media="screen" charset="utf-8">
<script src="/assets/js/jquery-1.8.3.js"></script>
</head>
<body>
<div class="main-center">
<h1>Please select your choice of music</h1>
<a class="openplayer" data-genre="rock" href="#">Rock</a>
<a class="openplayer" data-genre="hip" href="#">Hip Hop</a>
<a class="openplayer" data-genre="country" href="#">Country</a>
<a class="openplayer" data-genre="featured" href="#">Featured Artist</a>
</div> <!-- /.main-center -->
<script type="text/javascript">
(function($) {
$('.openplayer').on('click', 'a', function(e){
var genre = $(this).data('genre');
e.preventDefault();
alert(genre);
});
})(jQuery);
</script>
</body>
</html>
0
推荐指数
推荐指数
1
解决办法
解决办法
41
查看次数
查看次数
Swift 4:无法将'__NSCFNumber'类型的值转换为'NSString'
我试过了
self.adc_role_id = String(res["adc_role_id"])
self.adc_role_id = "\(res["adc_role_id']"
self.adc_role_id = (\(res["adc_role_id"] as? String)!
但仍然得到
无法将"__NSCFNumber"类型的值转换为"NSString"
我在下面添加了res [4]的转储
就像我对Swift一样新,我不知道还有什么可以尝试的
-2
推荐指数
推荐指数
1
解决办法
解决办法
5349
查看次数
查看次数