Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Conflict How to handle the situation?
    primarykey
    data
    text
    <p>I have recently applied a new theme and it include 2 jquery files that are conflicting with the widget area. I figured out the 2 files but really don't know how I am going to use jquery noconlict on them? Any help will be great. I am newbie and don't really understand others are talking about jquery conflict I tried examples given here but didn't work. Here are the 2 files.</p> <p>The first file <a href="http://jsfiddle.net/7mdDs/" rel="nofollow">http://jsfiddle.net/7mdDs/</a></p> <p>The second file <a href="http://jsfiddle.net/KVPY3/" rel="nofollow">http://jsfiddle.net/KVPY3/</a></p> <p>They are conflicting with the wordpress admin area. The files are called in function.php by this parameter</p> <pre><code>function PricerrTheme_admin_stylesheet() { ?&gt; &lt;link rel="stylesheet" href="&lt;?php echo get_bloginfo('template_url'); ?&gt;/css/tipTip.css" type="text/css" /&gt; &lt;link rel="stylesheet" href="&lt;?php echo get_bloginfo('template_url'); ?&gt;/css/admin.css" type="text/css" /&gt; &lt;link rel="stylesheet" href="&lt;?php bloginfo('template_url'); ?&gt;/css/colorpicker.css" type="text/css" /&gt; &lt;link rel="stylesheet" media="screen" type="text/css" href="&lt;?php bloginfo('template_url'); ?&gt;/css/layout.css" /&gt; &lt;link type="text/css" href="&lt;?php bloginfo('template_url'); ?&gt;/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" /&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/jquery.tipTip.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/idtabs.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/jquery.ui.widget.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; &lt;?php $tb = "tabs1"; if(isset($_GET['active_tab'])) $tb = $_GET['active_tab']; ?&gt; var $ = jQuery; $(document).ready(function() { $("#usual2 ul").idTabs("&lt;?php echo $tb; ?&gt;"); $(".tltp_cls").tipTip({maxWidth: "330"}); }); &lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/colorpicker.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/eye.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/utils.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/layout.js?ver=1.0.2"&gt;&lt;/script&gt; &lt;?php } </code></pre> <p>The console is giving the following error.</p> <pre><code>Uncaught TypeError: Cannot read property 'length' of undefined load-scripts.php:2 v.extend.each load-scripts.php:2 e.widget load-scripts.php:13 e.widget.version load-scripts.php:18 (anonymous function) </code></pre> <p>Please tell me How I can use jquery no-conflict to use these files.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload