jQuery CSS conflict with other CSS

4 posts, 0 answers
  1. Toni
    Toni avatar
    2 posts
    Member since:
    May 2014

    Posted 10 Jun 2014 Link to this post

    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;
    },
  2. Zdravko
    Admin
    Zdravko avatar
    657 posts

    Posted 13 Jun 2014 Link to this post

    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!

     
  3. Toni
    Toni avatar
    2 posts
    Member since:
    May 2014

    Posted 13 Jun 2014 in reply to Zdravko Link to this post

    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.
  4. Zdravko
    Admin
    Zdravko avatar
    657 posts

    Posted 18 Jun 2014 Link to this post

    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!

     
Back to Top