Question

我有一个像：

的DOM

<div className="three wide column">
   <div className="ui small progress" id={data.url}>
       <div className="bar"></div>
   </div>

</div>

我正在为这个进度条调用jquery，如：

$(`#${data.url}`).progress({
    percent: 72
 });

但它给我的错误是Uncaught Error: Syntax error, unrecognized expression:

这里有什么问题？

Answer 1

<select name="Something">
    @foreach(var thing in Model.Something)
    {
        var selectedStr = someExpression ? "selected" : "";

        <option @selectedStr value="@thing.SomeValue">@thing.SomeText</option>
    }
</select>

目前在浏览器中没有完全支持ES6。

使用

`#${data.url}` is ES6(EcmaScript 6) syntax.

或者在使用部署之前使用像babel这样的工具来构建代码。

希望它能奏效。

您可以阅读有关ES6模板字符串here

的更多信息

Answer 2

即使我不知道反应，但语法似乎不一致。在html标记中：

没有＆＃34; $＆＃34;在表达＆＃34; {data.url}＆＃34;
表达式未包含在＆＃39;＆＃34;＆＃39;

我期待以下标记：

<div className="ui small progress" id="${data.url}">

希望这有帮助。

jquery在列表中按id调用

2 个答案: