引导标签在ie中不工作

本文关键字：工作 ie 标签 | 更新日期: 2023-09-27 18:05:23

我在asp.net MVC中创建了一个web应用程序，我集成了bootstrap 3和bootstrap - tagsinput，用于可视化格式化我的数据。但是标签在IE中不起作用。我在ie中测试了标签输入的示例页面，并且工作得很好。下面我的代码剃刀和jquery实现为我的标签对象添加data-role="tagsinput"属性

<div class="form-group">
    @Html.LabelFor(x => x.Tag)
    @Html.TextBoxFor(x => x.Tag, new { @class = "form-control" })
</div>

JS 

$(Document).ready(function () {
    $("#Tag").attr('data-role', 'tagsinput');
});

在IE中呈现代码下面:

<div class="form-group">
    <label for="Tag">Tag: </label>
    <input name="Tag" class="form-control" id="Tag" type="text" value="" data-role="tagsinput">
</div>

我有在同一个项目中，我有bootstrap-Tables这是问题吗?

引导标签在ie中不工作

我找到解决办法了。我已经为TextBoxFor html helper创建了一个简单的扩展:

    public static MvcHtmlString TextBoxTagFor<TModel, TProperty>(
         this HtmlHelper<TModel> helper,
         Expression<Func<TModel, TProperty>> expression)
    {
        return helper.TextBoxFor(expression, new { @class = "txt", data_role="tagsinput" });
    }
如您所见，date-role通过这种方式变成data_role, razor编辑器接受数据角色属性。
相关文章：