Jquery Linkify自定义函数中的链接
我正在尝试使用这个html创建基于不同按钮的自定义链接Jquery Linkify自定义函数中的链接,jquery,linkify,Jquery,Linkify,我正在尝试使用这个html创建基于不同按钮的自定义链接 <input type="text" name="coachid" id="textbox1" value="22984"> <button class="txtLinky" id="Mickey">Mickey</button><br/> <div id="linkified"></div> <button class="txtLinky" i
<input type="text" name="coachid" id="textbox1" value="22984">
<button class="txtLinky" id="Mickey">Mickey</button><br/>
<div id="linkified"></div>
<button class="txtLinky" id="Donald">Donald</button><br/>
<div id="linkified"></div>
不知道如何让第二个按钮工作。第一个按钮可用,但第二个按钮不可用
这里是您有多个
div
元素,其中id=“linkified”
id
是唯一的;不能有多个控件具有相同的id
您可以将id
属性更改为class
属性,并执行如下操作:
HTML
$(".txtLinky").click(function () {
$('#linkified').html('http:www.example.com/' + $(this).attr('id') + '?referringpId=' + $("#textbox1").val());
$('#linkified').linkify({
tagName: 'a',
target: '_blank',
newLine: '\n'
});
$('#linkified').css('padding', '100px');
});
<input type="text" name="coachid" id="textbox1" value="22984" />
<br />
<br/>
<button class="txtLinky" id="Mickey">Click Link</button>
<br/>
<div class="linkified">value</div>
<br/>
<button class="txtLinky" id="Donald">Click Link</button>
<br/>
<div class="linkified">value</div>
$(".txtLinky").on("click", function ()
{
var $this = $(this),
id = $this.attr("id"),
text = $("#textbox1").val();
$this
.nextAll('.linkified:first')
.css({ padding: '10px' })
.html
(
'http://www.example.com/'
+ id
+ '?referringRepId='
+ text
)
.linkify
({
tagName: 'a',
target: '_blank',
newLine: '\n'
});
});