从javascript动态加载工具提示消息

考虑提供的提琴，其中工具提示消息从html传递。如果我想从javascript或jquery传递工具提示消息，应该进行哪些更改？请帮助...从javascript动态加载工具提示消息

<span class="field-tip"> 
Hover the text. 
<span class="tip-content">tooltip message</span>

http://jsfiddle.net/dasettan/o4vp56f7/

来源

2015-11-02 das

你只需要通过使用Javascript/jQuery的

$("span.tip-content").text("new tooltip")

用于改变文本的范围内更好地给你的跨度ID和比改变它里面的文本，否则，如果你有多个工具提示跨度所有将更新

这样做

<span class="tip-content" id="myspan">tooltip message</span> 

    $("#myspan").text("new tooltip")

here the fiddle

来源

2015-11-02 11:15:02

您可以使用JavaScript并添加ID给小费内容然后调用此：

document.getElementById("tip-content").innerHTML = "new value";

或使用jQuery

$(document).ready(function(){ 
    $("span.tip-content").html("new value"); 
});

来源

2015-11-02 11:15:16 vivid

你可以做一些事情e：

document.querySelector(".field-tip").addEventListener("mouseover", function (event) { 
     document.querySelector(".tip-content").innerHTML = "My new tooltip message"; 
});

来源

2015-11-02 11:15:25 user5325596

您需要更改tooltip元素的内容，这很简单。如果你想反复做它，让它在多个提示工作，你可以做一个函数，是这样的：

function customMessage(ele,message) { 
    var main = document.querySelector(ele), 
     tooltip = main.children[0]; 
    main.addEventListener('mouseover',function() { 
     tooltip.innerHTML = message; 
    }) 
}

做的第一个参数来徘徊的元素，并有第二是消息是在提示

customMessage('.field-tip',"random message");

Example

来源

2015-11-02 11:21:17

下面的代码将显示工具提示，当鼠标滑过，当你出来的文字信息的显示将变为原来的一个。

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $("span.field-tip").hover(function() { 
    //Print message when mouse in 
    $("span.tip-content").html("Tool tip message"); 
}, function() { 
    //Print message when mouse out 
    $("span.tip-content").html("Empty Tool tip Message"); 
    }); 
}); 

</script>

来源

2015-11-02 11:27:39

从javascript动态加载工具提示消息

回答

相关问题