JQuery Tools Tabs Conflit avec JQuery UI

Vous pouvez construire votre propre interface utilisateur JQuery dans cette URL http://jqueryui.com/download

Seuls les outils de sélection que vous avez besoin et n'incluent pas l'onglet Composant dans les options pour éviter les conflits avec JQuery Tools

Dans mon cas, je modifie le nom de la fonction d'onglets JQueryTools. de:

xxx

à: xxx

donc je n'ai pas eu à changer jQuery-ui-outils , cela est utile si vous obtenez ce script de CDN.

Notre solution consiste à inclure des bibliothèques complètes de JQuery UI et de JQuery Tools, mais d'intervenir une petite solution JavaScript que renomme les onglets code> de JQQUERY UI de sorte qu'il n'interfère pas avec JQuery Tools (qui contient le onglets code> Caractéristique que nous utilisons sur notre site.) Nous importatons d'abord JQuery UI, puis effectuez le correctif, puis importer JQuery Tools.

jquery-ui-jqueryTools-tabsconflictfix.js: h3>

namespace OurWebApp
{
    public class BundleConfig
    {
        /// <summary>
        /// Good Bundling resource, succinctly highlighting a range of ways to use this feature:
        /// http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification
        /// </summary>
        /// <param name="bundles"></param>
        public static void RegisterBundles(BundleCollection bundles)
        {
            ...
            bundles.Add(new ScriptBundle("~/js/jquery-ui-and-tools").Include(
                "~/Scripts/jquery-ui-1.9.2.min.js",
                // Both jQuery UI and jQuery Tools define .tabs on jQuery objects.  We use
                // jQuery Tools' version, and this fix renames jQuery UI's version to get it out of the way.
                // So the load order must be: jQuery UI, the fix, and then jQuery Tools
                "~/Scripts/jquery-ui-jquerytools-tabsconflictfix.js",
                "~/Scripts/jquery-tools-1.2.7.min.js"));
            ...
        }
    }
}