把字符串放到href="javascript"在添加

Put string in href="javascript" in append

本文关键字：quot 添加 javascript 字符串 href      更新时间：2023-09-26

我想把字符串放入一个href="javascript:"当我追加一个li，但它不工作在所有....

 ajoutEnf("myString");
 function ajoutEnf(enf){
   $('#laliste').append('<li><a href="javascript:popEnfant('+enf+')" data-icon="edit" data-rel="popup">Enfant</a></li>');
   $('#enf').popup('close');
   $('#laliste').listview('refresh');
 }

代码将产生:

javascript:propEnfant(myString)

因此单击链接，脚本将查找名为myString的变量。您可能想使用'<li><a href="javascript:popEnfant('''+enf+''')" ...

另一件要注意的事情:如果popEnfant在您的DOMReady事件侦听器中定义(我不知道它是否是)，它将无法全局访问，这是javascript:...工作的要求。

演示

你可以使用jQuery.fn.on:

来绑定点击事件
ajoutEnf("myString");
function ajoutEnf(enf){
    $('<a herf="#" data-icon="edit" data-rel="popup">Enfant</a>').on('click', function(event) {
        event.preventDefault(); // Stop the hash from changing to "" (page.html#)
        popEnfant(enf);
     }).wrap('<li/>').parent().appendTo('#laliste');
     $('#enf').popup('close');
     $('#laliste').listview('refresh');
 }

这样你就不必为enf设置字符串，并确保对象/数组被正确传递。

做一些小改动:用单引号加斜杠

 $('#laliste').append('<li><a href="javascript:popEnfant('''+enf+''')" data-icon="edit" data-rel="popup">Enfant</a></li>');
相关文章：