I'm building this mobile website that has 2 sliding panels (one left and one right). It works perfectly using jqmobile 1.3.2 full version but since it is the only thing that i'm using in the library I went to the customize tool to only select the core + panels and when I use the generated js the panels don't work anymore they are all broken like the js is not included on the page.
Even if I check all the checkboxes in the custom tool it doesn't work.
The reason why I'm also doing this is because jquery mobile is modifying the markup of all my forms and I don't want that.
For example I have an input with a search button and its adding all this extra markup that duplicates the my search button
I'd like to add a price in each cell of the datepicker instead of just having a date displayed, is it possible? It's for a reservation system so when the user choses a "from - to" date they can see the price of that day below the date but in the same cell. I'm already sending an array of unavailable dates to the date picker so I could create another array with prices of each day displayed too.
I'm trying to use the datepicker as a regular calendar by using the display inline method as shown in the examples. I know there are calendars out there but I'm also using the datepicker as a regular datepicker on the next page so I thought I would keep the same style and that way I can use the same method to gray out unavailable dates. It's for a booking website, so on the bedroom page you see a calendar of availability with unavailable dates then you click "make a reservation" and then you get the real date picker with the same grayed out dates. So basically I want the calendar to be read only, right now when you click on a date you can highlight it and the dates are links, is there a way to disable all this and not make it interactive?
but I want to use ajax to get the dates from the database, the array I end up with is formatted just like the original one, this is my code (same as above but with ajax):
So I'm trying to create this product viewer where you have a thumbnail of the product and when you rollover the image, an icon appears at the top left corner of the image and when you click this icon i want to open i bigger using the fancybox plugin. My problem is that I cannot click the zoom icon when it appears and put an event to it for when you click, here is my code:
var $state=0; //check if the icon is already displayed to so we don't overlap 20 of them. $("div.product_img").hover( function(){ if(!$state){ $state=1; $(this).append('<div class="magnify"></div>'); //append the zoom image to the div contaning the thumbnail } }, function(){ $childdiv=$(this).children('div'); if($childdiv!="div.magnify"){ //without this line when the zoom icon appears and i rollover it, it starts flickering because the script thinks i'm not over div.product_img anymore $state=0; $('div.magnify').remove(); } });
$('div.magnify').click(function(){ //here i want to make the icon clickable when for some reason it doesn't work console.log('hello'); $(this).trigger("myevent"); });
Can anyone help me with this? When I click the div.magnify i've added a trigger event to run fancybox but for now I can't click, should I be using live() istead of click(). Here is the html after the icon is appended: