Jquery.js 禁用 bootstrap-editable.min.js 的 'editable' 功能
Jquery.js disabling the 'editable' function of bootstrap-editable.min.js
我正在使用 x-editable。我的页面有一个按钮,该按钮 disable/enable 可编辑 属性 输入 。它在不使用 Jquery.js 文件的情况下工作完美。但是我的布局包括 Jquery.js 文件并且它不工作并得到 'typeerror -editable() is not a function'。没有这个 jquery.js 就没有错误并且可以正常工作。
如何从特定页面卸载此 js 文件?
这些是脚本-
*<script id="js-file" src="~/Scripts/js/jquery.js"></script>*
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/js/x-editable/jquery.mockjax.js"></script>
<script src="~/Scripts/js/moment.js"></script>
<script src="~/Scripts/js/x-editable/bootstrap-editable.min.js"></script>
x-editable代码:
$.fn.editable.defaults.mode = 'inline';
$('.container .editable').editable('toggleDisabled');
$('#btnenable').on('click', function (e) {
e.stopPropagation();
$('.container .editable').editable('toggleDisabled');
});
删除js代码:
function removejscssfile(filename, filetype) {
var targetelement = (filetype == "js") ? "script" : (filetype == "css") ? "link" : "none" //determine element type to create nodelist from
var targetattr = (filetype == "js") ? "src" : (filetype == "css") ? "href" : "none" //determine corresponding attribute to test for
var allsuspects = document.getElementsByTagName(targetelement)
for (var i = allsuspects.length; i >= 0; i--) { //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename) != -1)
allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
}
}
removejscssfile("/Scripts/js/jquery.js", "js");
欢呼!! :) 我自己找到了答案:)
如果 jquery 之间发生任何冲突,只需写入
jQuery.noConflict();
我正在使用 x-editable。我的页面有一个按钮,该按钮 disable/enable 可编辑 属性 输入 。它在不使用 Jquery.js 文件的情况下工作完美。但是我的布局包括 Jquery.js 文件并且它不工作并得到 'typeerror -editable() is not a function'。没有这个 jquery.js 就没有错误并且可以正常工作。 如何从特定页面卸载此 js 文件? 这些是脚本-
*<script id="js-file" src="~/Scripts/js/jquery.js"></script>*
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/js/x-editable/jquery.mockjax.js"></script>
<script src="~/Scripts/js/moment.js"></script>
<script src="~/Scripts/js/x-editable/bootstrap-editable.min.js"></script>
x-editable代码:
$.fn.editable.defaults.mode = 'inline';
$('.container .editable').editable('toggleDisabled');
$('#btnenable').on('click', function (e) {
e.stopPropagation();
$('.container .editable').editable('toggleDisabled');
});
删除js代码:
function removejscssfile(filename, filetype) {
var targetelement = (filetype == "js") ? "script" : (filetype == "css") ? "link" : "none" //determine element type to create nodelist from
var targetattr = (filetype == "js") ? "src" : (filetype == "css") ? "href" : "none" //determine corresponding attribute to test for
var allsuspects = document.getElementsByTagName(targetelement)
for (var i = allsuspects.length; i >= 0; i--) { //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename) != -1)
allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
}
}
removejscssfile("/Scripts/js/jquery.js", "js");
欢呼!! :) 我自己找到了答案:)
如果 jquery 之间发生任何冲突,只需写入 jQuery.noConflict();