- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
从这个工作元素开始,sans-js:http://jsfiddle.net/37z1z7g1/
<star-rating></star-rating>
<script type="riot/tag">
<star-rating>
<div class="star-rating">
<input class="rb0" id="Ans_1" name="numericRating" type="radio" value="0" checked="checked" />
<input class="rb1" id="Ans_2" name="numericRating" type="radio" value="1" />
<input class="rb2" id="Ans_3" name="numericRating" type="radio" value="2" />
<input class="rb3" id="Ans_4" name="numericRating" type="radio" value="3" />
<input class="rb4" id="Ans_5" name="numericRating" type="radio" value="4" />
<input class="rb5" id="Ans_6" name="numericRating" type="radio" value="5" />
<input class="rb6" id="Ans_7" name="numericRating" type="radio" value="6" />
<input class="rb7" id="Ans_8" name="numericRating" type="radio" value="7" />
<input class="rb8" id="Ans_9" name="numericRating" type="radio" value="8" />
<input class="rb9" id="Ans_10" name="numericRating" type="radio" value="9" />
<input class="rb10" id="Ans_11" name="numericRating" type="radio" value="10" />
<label for="Ans_1" class="star rb0l"></label>
<label for="Ans_2" class="star rb1l"></label>
<label for="Ans_3" class="star rb2l"></label>
<label for="Ans_4" class="star rb3l"></label>
<label for="Ans_5" class="star rb4l"></label>
<label for="Ans_6" class="star rb5l"></label>
<label for="Ans_7" class="star rb6l"></label>
<label for="Ans_8" class="star rb7l"></label>
<label for="Ans_9" class="star rb8l"></label>
<label for="Ans_10" class="star rb9l"></label>
<label for="Ans_11" class="star rb10l last"></label>
<div class="rating"></div>
<div class="rating-bg"></div>
</div>
</star-rating>
</script>
请注意,如果您单击其中一颗星星,它会保留所选星星数量的“值”(单击星星 4,失去鼠标焦点后前 4 颗星星将保持选中状态)。
当我添加一些 js 逻辑以在单击星号时运行时,这就是我最终得到的结果(出于 JSFiddle 的目的,已将对父函数的调用替换为 console.log):http://jsfiddle.net/0u5oLyp5/
function update(e) {
this.score = parseInt(e.target.value)/2;
if (this.score) {
//parent.UpdateScore(this.score);
console.log(this.score);
}
return true;
}
[连同
onclick="{ update }"
添加到每个标签元素]
我这里有两个问题:
1) 请注意,我已将函数一词放在“update(e)”声明的前面,这与 https://muut.com/riotjs 上的指南中的所有示例相反。 ,因为如果我不这样做,那么我会得到
Uncaught TypeError: Cannot read property ‘target’ of undefined
因为它似乎在页面加载时运行该函数,而“e”尚未定义,而不仅仅是声明该函数。我发现这很奇怪,但我不确定哪里出错了。
2) 即使我在更新函数的末尾“返回真”(以重新启用默认事件),当失去鼠标焦点时,单击星星不再保持以蓝色突出显示的选择。一旦我从每个标签元素中删除“onclick='{ update }'”,选择就会再次起作用,所以这肯定是我没有成功触发默认事件处理程序的问题。
有没有人能指出我哪里出错了?
最佳答案
看来问题是我将函数命名为“update”,这也是所有 Riot 元素中固有的内部更新函数的名称。
update 通常在挂载过程中运行,因此在我的查询的第 1 点出现错误,因为我在挂载期间运行时覆盖了默认更新函数,没有传入任何事件。因此没有未定义的“目标”。这意味着一旦我将函数名称从“update()”更改为“StarsChanged”,我就不需要在声明之前使用“function()”。
然后这解决了我遇到的选择未保留在原位(在查询 2 中)的问题。去我的。
关于javascript - 将 onclick 函数添加到 riotjs 元素中的输入标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31786038/
C语言sscanf()函数:从字符串中读取指定格式的数据 头文件: ?
最近,我有一个关于工作预评估的问题,即使查询了每个功能的工作原理,我也不知道如何解决。这是一个伪代码。 下面是一个名为foo()的函数,该函数将被传递一个值并返回一个值。如果将以下值传递给foo函数,
CStr 函数 返回表达式,该表达式已被转换为 String 子类型的 Variant。 CStr(expression) expression 参数是任意有效的表达式。 说明 通常,可以
CSng 函数 返回表达式,该表达式已被转换为 Single 子类型的 Variant。 CSng(expression) expression 参数是任意有效的表达式。 说明 通常,可
CreateObject 函数 创建并返回对 Automation 对象的引用。 CreateObject(servername.typename [, location]) 参数 serv
Cos 函数 返回某个角的余弦值。 Cos(number) number 参数可以是任何将某个角表示为弧度的有效数值表达式。 说明 Cos 函数取某个角并返回直角三角形两边的比值。此比值是
CLng 函数 返回表达式,此表达式已被转换为 Long 子类型的 Variant。 CLng(expression) expression 参数是任意有效的表达式。 说明 通常,您可以使
CInt 函数 返回表达式,此表达式已被转换为 Integer 子类型的 Variant。 CInt(expression) expression 参数是任意有效的表达式。 说明 通常,可
Chr 函数 返回与指定的 ANSI 字符代码相对应的字符。 Chr(charcode) charcode 参数是可以标识字符的数字。 说明 从 0 到 31 的数字表示标准的不可打印的
CDbl 函数 返回表达式,此表达式已被转换为 Double 子类型的 Variant。 CDbl(expression) expression 参数是任意有效的表达式。 说明 通常,您可
CDate 函数 返回表达式,此表达式已被转换为 Date 子类型的 Variant。 CDate(date) date 参数是任意有效的日期表达式。 说明 IsDate 函数用于判断 d
CCur 函数 返回表达式,此表达式已被转换为 Currency 子类型的 Variant。 CCur(expression) expression 参数是任意有效的表达式。 说明 通常,
CByte 函数 返回表达式,此表达式已被转换为 Byte 子类型的 Variant。 CByte(expression) expression 参数是任意有效的表达式。 说明 通常,可以
CBool 函数 返回表达式,此表达式已转换为 Boolean 子类型的 Variant。 CBool(expression) expression 是任意有效的表达式。 说明 如果 ex
Atn 函数 返回数值的反正切值。 Atn(number) number 参数可以是任意有效的数值表达式。 说明 Atn 函数计算直角三角形两个边的比值 (number) 并返回对应角的弧
Asc 函数 返回与字符串的第一个字母对应的 ANSI 字符代码。 Asc(string) string 参数是任意有效的字符串表达式。如果 string 参数未包含字符,则将发生运行时错误。
Array 函数 返回包含数组的 Variant。 Array(arglist) arglist 参数是赋给包含在 Variant 中的数组元素的值的列表(用逗号分隔)。如果没有指定此参数,则
Abs 函数 返回数字的绝对值。 Abs(number) number 参数可以是任意有效的数值表达式。如果 number 包含 Null,则返回 Null;如果是未初始化变量,则返回 0。
FormatPercent 函数 返回表达式,此表达式已被格式化为尾随有 % 符号的百分比(乘以 100 )。 FormatPercent(expression[,NumDigitsAfterD
FormatNumber 函数 返回表达式,此表达式已被格式化为数值。 FormatNumber( expression [,NumDigitsAfterDecimal [,Inc
我是一名优秀的程序员,十分优秀!