This is a migrated thread and some comments may be shown as answers.

jQuery CSS conflict with other CSS

3 Answers 131 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Toni
Top achievements
Rank 1
Toni asked on 10 Jun 2014, 11:46 PM
Hello everyone,

I implemented this calendar to my mobile app http://www.jqueryscript.net/time-clock/Simple-Animated-jQuery-Calendar-Plugin-with-Bootstrap-SuperCal.html
When I open that page jquery.mobile-1.3.1.min.css adds some classes to the button, div and span tag. Here is picture>
When I click on the buttons it gets back to normal. Here is picture>
How I can stop adding these classes? Here is the code from the header>
drawHeader: function(date, options) {
var header = $('<div />').addClass('supercal-header');
var monthNames = options.shortMonths ? shortMonths : months;

$('<button />')
.addClass('prev-month change-month btn')
.html('&laquo;')
.appendTo(header);

$('<button />')
.addClass('next-month change-month btn')
.html('&raquo;')
.appendTo(header);

$('<span />')
.addClass('month')
.append('<div>' + monthNames[date.getMonth()] + ' ' + date.getFullYear() + '</div>')
.appendTo(header);

return header;
},

3 Answers, 1 is accepted

Sort by
0
Zdravko
Telerik team
answered on 13 Jun 2014, 03:59 PM
Hello Toni,

The provided code snippet did not help much in solving your issue.
Would you isolate the problem in a sample project and send it to us so we can take a look at it?

There should be a reason in your code responsible for these classes appearance and after that their  removal.
I reviewed the sample from here but I did not find any  jquery.mobile-1.3.1.min.css in it. Are you sure this plugin is designed to be compatible with it?
Thanks.

Regards,
Zdravko
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
0
Toni
Top achievements
Rank 1
answered on 13 Jun 2014, 04:04 PM
Hello Zdravko,

Thank you for your answer!
The problem is with the jQuery versions. We are using jquery.mobile-1.3.1.min.js and that plugin is using jQuery v1.11.0. So there is no chance to work both versions together. Any suggestion for jQuery Calendar that is compatible with query.mobile-1.3.1.?

Thanks,

Toni.
0
Zdravko
Telerik team
answered on 18 Jun 2014, 08:50 AM
Hi Toni,

You can try some of the solutions provided below:
  1. jqm-calendar 
  2. jsFiddle demo 
  3. DatePicker 
  4. Some jquery results on the matter 

If you does not insist on jQuery you can try our Kendo solution.
I hope any of these will help.
Thanks.


Regards,
Zdravko
Telerik
 

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

 
Tags
General Discussion
Asked by
Toni
Top achievements
Rank 1
Answers by
Zdravko
Telerik team
Toni
Top achievements
Rank 1
Share this question
or