Javascript 引导设置一个工具提示的宽度

我有一个HTML页面，有很多使用Bootstrap工具提示插件的工具提示链接。我发现以下CSS可以更改工具提示的宽度：

.tooltip-inner { max-width: 350px; }

虽然这可以工作，但它会将我的所有工具提示更改为此宽度。如果我只想换一个呢？我尝试了这个，但没有正常工作：

<style rel="stylesheet" type="text/css">    
#my_tooltip .tooltip-inner { max-width: 350px; }
</style>

<a id="my_tooltip" href="#" data-toggle="tooltip" data-placement="bottom" title="tooltip content">This is a tooltip</a>

---

可能最好通过jquery来实现。但是css也会起作用：

#my_tooltip + .tooltip .tooltip-inner { width: 350px; }

以下是js：

$(function () {
$('#my_tooltip').tooltip().on("mouseenter", function () {
    var $this = $(this),
    tooltip = $this.next(".tooltip");
    tooltip.find(".tooltip-inner").css({
        width: "350px",
    });
 });
});

---

可能最好通过jquery来实现。但是css也会起作用：

#my_tooltip + .tooltip .tooltip-inner { width: 350px; }

以下是js：

$(function () {
$('#my_tooltip').tooltip().on("mouseenter", function () {
    var $this = $(this),
    tooltip = $this.next(".tooltip");
    tooltip.find(".tooltip-inner").css({
        width: "350px",
    });
 });
});

---

以下解决方案对我有效

    $(yourselectorname).on('inserted.bs.tooltip', function () {
    $("body div.tooltip-inner").css("max-width", "500px");
    });

---

以下解决方案对我有效

    $(yourselectorname).on('inserted.bs.tooltip', function () {
    $("body div.tooltip-inner").css("max-width", "500px");
    });

---

给工具提示一个额外的类，然后为该工具提示修改cssonly@AndrewMatthew你能再详细解释一下吗？我被你的意思弄糊涂了。也许可以试着对我的问题做一个正式的回答。给工具提示一个额外的类，然后修改你的css的工具提示only@AndrewMatthew你能再详细解释一下吗？我被你的意思弄糊涂了。也许可以试着对我的问题做一个正式的回答。由于某些原因，这个代码对我不起作用，它不会给我任何错误或控制台中的任何东西。可能和你把js放在哪里有关？看看js fiddletry上面的css我能问一下为什么这很有效的时候会被否决吗？@AlexDavin有时候当你的情况只有117分时，你会被否决。我使用了你的代码，它正在工作，所以我投了你一票。出于某种原因，此代码对我不起作用，但它不会给我任何错误或控制台中的任何东西。可能和你把js放在哪里有关？看看js fiddletry上面的css我能问一下为什么这很有效的时候会被否决吗？@AlexDavin有时候当你的情况只有117分时，你会被否决。我使用了你的代码，它正在工作，所以我给了你一个投票。