jQuery的調用由ID

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

即使我不知道reactjs，語法似乎不一致。 HTML標記：

1. 沒有 「$」 表達之前 「{} data.url」
2. 表達不裹成「'

我期望的下面的標記：

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

希望這有助於

Answer 2

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

。

目前在瀏覽器中沒有完全支持ES6。

使用

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

或使用像巴貝爾的工具使用部署之前建立你的代碼。

希望它能起作用。

您可以`您使用的角度瞭解更多關於ES6模板串here