Question

我的控制码：

<input type="checkbox" id="CheckBox_change_data_auction" runat="server" rel="tooltip" data-placement="right" title="اگر مایل به تغییر زمان اتمام حراج کالای خود هستید این گزینه را انتخاب کنید" />

我在head标签上添加了所有bootstrap脚本并且运行良好。但我无法使用工具提示。

<input type="checkbox" id="CheckBox_change_data_auction" runat="server" data-toggle="tooltip" data-placement="right" title="اگر مایل به تغییر زمان اتمام حراج کالای خود هستید این گزینه را انتخاب کنید" />

我喜欢用但不工作。我在主页中添加了这段代码：

<script type="text/javascript"> 
    $('[data-toggle=tooltip]').tooltip(); 
    $('[rel=tooltip]').tooltip();
</script>

请帮助

Answer 1

您需要将jQuery代码放在DOMReady处理程序中：

<script type="text/javascript"> 
    $(function() {
        $('[data-toggle=tooltip]').tooltip(); 
        $('[rel=tooltip]').tooltip(); 
    });
</script>

或者，保持script不变，但要将其放在</body>之前，而不是<head>

Answer 2

<script type="text/javascript"> 
    $(document).ready(function() {
        $('[data-toggle=tooltip]').tooltip(); 
        $('[rel=tooltip]').tooltip(); 
    });
</script>

这样当DOM准备就绪时它就会被执行

如何在asp.net Web表单页面中使用bootstrap工具提示？

2 个答案: