javascript - 触发 onclick 时显示 Bootstrap 模式

标签 javascript jquery html css twitter-bootstrap

有人可以帮助我或指导我如何完成以下任务。

这是我的代码

<span class="blink" >
    <?php 
        if ($item ['in_stock'] < 20)
            echo "<p onclick='stock()'>! Alerta</p>";
        else 
            echo "<p style='display:none;'>" .'WER ALL CLEAR' ."</p>";  
    ?>
    <?php echo form_hidden('location', $item['item_location']); ?>
</span>

我希望当我点击它时它会触发 Bootstrap 模式,我尝试使用给定的手动脚本但我并不幸运。

<script>
    $(document).ready(function(){
        $("#myBtn").click(function(){
            $("#myModal").modal();
        });
    });
</script>

现在我使用上面的示例来显示它,我该如何完成,我知道我必须更改 ID 但就是无法获取它我更改了脚本

<script>
    $(document).ready(function(){
        $("blink").click(function(){
            $("#myModal").modal();
        });
    });
</script>

但它一直说 $(...).modal 不是函数

最佳答案

一个选项,在您单击以打开模式的元素上,您可以添加这些属性(您需要使用您的 id 更新目标属性)。

data-toggle="modal" data-target="#myModal"

关于javascript - 触发 onclick 时显示 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35567537/

相关文章:

javascript - 当我只上传一次时,图像在表格中插入了两次

JavaScript 从字符串中获取名字和姓氏作为数组

php - 如何通过php跳过段落中的某些单词

php - 移动到另一页时发出警报

javascript - net::ERR_EMPTY_RESPONSE 尝试在 angularjs 指令中查找 css 文件时

javascript - 防止固定 Div 覆盖其他 Div

php - Jquery 自动完成文本字段,动态添加的行中具有数据属性

javascript - 将 CSS 属性继承/扩展到另一个元素

javascript - 为什么类没有添加到我的元素中?

html - 并排使用 float <div>