2015-04-01 2 views
1

В this site блоггер предлагает создать ссылку, используя синтаксис ниже.Как правильно создать ссылку в jQuery?

$('<a>clicky clicky</a>', { href: dataLink, download: fileName }); 

Однако, я не могу заставить его работать. Мне нужно использовать синтаксис следующим образом.

$('<a href="' + dataLink + '">clicky clicky</a>'); 

Не знаком с первым, интересно, не хватает ли я чего-то. Это действительный jQuery?

Кроме того, tha tbegs вопрос о том, что делать с скачать атрибут. Является ли первая строка кода эквивалентной первой? У меня такое чувство, что это не так.

$('<a href="' + dataLink + '" download="' + dataLink + '">clicky clicky</a>'); 
+3

Удалить ''} из вашей последней попытки. Вы должны получать ошибку в своей консоли. Ваш код будет работать, но я всегда буду с первым, так как он намного чище и облегчит жизнь, используя кавычки. – Satpal

+0

@Satpal Это была опечатка, теперь исправленная, из-за копирования/вставки при вводе вопроса. Тем не менее, этот вопрос все еще меня беспокоит. Являются ли эти (1-й и 3-й эквиваленты)? –

ответ

0

Попробуйте следующий код!

<script>  
    var download = "logo11w"; /*give your file name*/ 
    var dataLink = "http://www.google.com/images/srpr/logo11w.png"; /*path*/ 
    var mylink= $("<a href='"+dataLink+"'download='"+download+"'>click</a>"); 
    $("#main").append(mylink); 
</script> 
<div id="main"></div> 
+0

Пожалуйста, объясните, как это отвечает на мой вопрос. Я этого не вижу. –

2

Использование prop():

var link = $('<a>clicky clicky</a>').prop({href: dataLink, download: fileName}); 

var link = $('<a>').prop({href: dataLink, download: fileName , text:'clicky clicky'}); 
+0

Является ли синтаксис в первом примере в моем вопросе недействительным кодом jQuery? Или это эквивалентно третьей строке выборки? –

Смежные вопросы