Javascript вызов функции с аргументами

Question

Я разрабатываю мобильное приложение с помощью phonegap и jquery mobile. У меня есть эта функция, которая должна передать переменную другой функции. Это звучит примерно так:

$.each(response.records, function(i, contact) { 
     var url = contact.Id; 
     var newLi = $("<li><a href='javascript:dothis("+url+")'>" + (i+1) + " - " + contact.Name + " - Company "+contact.Company+"</a></li>"); 
      ul.append(newLi);} 

У меня есть функция dothis (аргумент), но это не дозвонились, когда я положил в переменной «URL». Когда я стираю аргумент, он работает. Пожалуйста помоги!

Answer 1

Вы должны поместить URL в кавычки в JavaScript:

var newLi = $("<li><a href=\"javascript:dothis('" + 
     url + 
     "')\">" + 
     (i+1) + " - " + contact.Name + 
     " - Company " + contact.Company + "</a></li>"); 

Вы может необходимо рассмотреть возможности избежать URL, так что, если он содержит какие-либо сложные символы, ваш Javascript не сломается.

Answer 2

Неправильно использовать протокол javascript: в атрибутах href. Гораздо лучше привязывать события к ссылкам и соответственно реагировать.

Вставить что-то вроде этого после добавления newLi к ул:

$.find('a').bind('click', function() { 
    dothis(url); 
}); 

Вот еще информация о том, почему это плохая практика, чтобы использовать javascript: протокол: Why is it bad practice to use links with the javascript: "protocol"?