無法將值傳遞給onclick事件觸發的函數

Question

下面顯示了名為buildSub（data）的函數及其實現。
我正在嘗試將值傳遞給其中的名為dispProductCategoryWise（par1，par2，par3）的函數。

  function buildSub(data) {
    tempCategoriesList ='';
    var len = data.length;
    if (len > 0) {
        for ( var i = 0; i < len; i++) {
            var subcat = data[i];
            tempCategoriesList =  tempCategoriesList
            + $.trim(
                    "<li><a href='#' onclick=dispProductCategoryWise('"+subcat.name+"','"+subcat.id+"','60');>"+subcat.name+"</a></li>"


            );
        } 

    }
    return tempCategoriesList;
}

問題是當subcat.name =“ Dry Fruits”時。 未調用該函數。 當我在瀏覽器中檢查元素時，我看到以下輸出。

<a href="#" onclick="dispProductCategoryWise('Dry"  Fruits','105','60');="">Dry Fruits</a>

當在變量名稱中遇到空格時，它將傳遞雙引號。

當subcat.name =“ Almonds”即； 沒有任何空間。 該函數被調用並正常工作。 當我在瀏覽器中檢查元素時，我看到以下輸出。

<a href="#" onclick="dispProductCategoryWise('Almonds','106','60');">Almonds</a>

這就是應該傳遞值的方式。 請幫我。 當其中有空格時，為什么它沒有傳遞適當的值？ 對不起，如果我在打字和語法上有任何錯誤。

Answer 1

不要轉義單引號，這樣寫：

"<li><a href='#' onclick=\"dispProductCategoryWise('"+subcat.name+"','"+subcat.id+"','60');\">"+subcat.name+"</a></li>"