添加JQuery引用中斷標記輸入

我使用的模板附帶了一個很好的標記輸入，但我現在想要能夠計算單詞的數量並根據特定條件限制單詞的數量，但是，唯一的我發現這樣做的方式是使用特定文本框的鍵入，但要做到這一點，我需要引用JQuery，但它會打破我的標籤輸入。下面是我目前有：添加JQuery引用中斷標記輸入

@Html.TextBoxFor(model => model.EmploymentSkills, new { @id = "tags", @class = "form-control tagsinput", @type = "text", @placeholder = "Add skill and press enter", data_role = "tagsinput" }) 

<script src="~/SmartAdmin/scripts/plugin/bootstrap-tags/bootstrap-tagsinput.min.js"></script>

有沒有一種方法我可以出來引用jQuery的做到這一點，或者能夠引用它並沒有打破我的標籤輸入？

來源

2017-09-04 AxleWack

所以我找到了解決辦法。如上所述，.keyup或.keydown不起作用，所以我使用.change登陸。這是我使用的功能，還指望單詞的數量並限制他們。

$（文件）。就緒（函數（）{

$(".tagsinput").change(function (e) { 
     var value = $(this).val().replace(" ", ""); 
     var words = value.split(","); 

     if (words.length > '@Model.TagsAllowed') { 
      alert("You are not allowed more than '@Model.TagsAllowed' tags!"); 

      var lastword = value.split(",").pop(); 
      value = value.replace(',' + lastword, ''); 
      $(this).val(value); 
      $('.tagsinput').val() = value.substring(0, value.length - lastword.length); 
     } 
    }); 
})

希望這有助於任何其他地方沿線

來源

2017-09-15 12:01:07 AxleWack

是否有與data_role屬性有關的具體內容？只要我記得你應該把所有的屬性放在@如果使用XPath。嘗試將data_role = 'tagsinput'替換爲@data-role = 'tagsinput'。也許這是造成這個問題。

來源

2017-09-05 00:46:33

給它一個去，但仍然有問題。只是爲了確認，標籤的工作，但是當我添加一個JQuery文件的引用，然後標籤破壞（即它現在顯示爲C＃，SQL，MVC而不是標籤） – AxleWack

您可以發佈代碼引用jQuery嗎？ –

問題出在哪裏。這個視圖不是引用jQuery。當我做，我的標籤打破。我想添加引用，以便我可以使用keyup函數 - 但是，除了引用之外，keyup函數不起作用。我錯過了這一點嗎？ – AxleWack

添加JQuery引用中斷標記輸入

回答

相關問題