I am using Primefaces 3.5 and jQuery BlockUI plugin. In my code I am only using jQuery blockui plugin and it is working as expected. The problem I am seeing is that the css I specify for the block() method is not applied to the blocking dialog. I can modify the message but not the css. Once I specify the css for the default setting '$.blockUI.defaults={ css:{...}}', the displayed dialog moves to the top left corner of the page and still no css applied.
I tried specifying the css as close as I can to the blocking code line(that is when I invoke block()) but still no success. Any idea why this is happening. Thanks.
Try modifying the blockUI css like this:
$.blockUI.defaults.css = { ... };
Related
I have Easy Fancybox with Ajax Load More + Next Page Addon (Same company). My issue is Easy Fancybox does not recognize content after the first page break and so it loads images without the light box.
Example: http://boyonamountain.com/?p=118&preview=1&_ppp=fe18270bb4
Now, I have been researching for hours now and it seems there are some work arounds with requiring a call back.
Problem is, I am a designer and this is my personal site so I only have HTML/CSS knowledge.
I found this: how to bind fancybox to dynamic added element?
tried adding the code from that to the repeat template part of Ajax Load More,
I also tried to add it to the function.php, all to no avail.
Would someone be willing to help me trouble shoot this? Thank you all so much!
I'm also using easy fancybox and you just have to bind an event to the post-load easy fancy box handler;
I chose the focusin event that really happens after the loading of my completed form :
<script type="text/javascript">
jQuery( document ).on( 'focusin', easy_fancybox_handler );
</script>
You have to tell the plugin that content is loaded, choosing the good event.
I want to disable advance content filtering in CKEDITOR. I tried some thing like :
allowedContent = true
It is not working. I want to stop converting onclick attribute into data-cke-pa-onclick, which bind with custom DOM (which i have added in ckeditor dynamically). I am working with angularjs and want to call an angular method from onclick event.
I am new to Bootstrap. I am facing a problem which I am not able to figure out the reason. If I load a content dynamically the collapse is not working. It is not adding the class in on hover as in http://twitter.github.com/bootstrap/javascript.html#collapse but if the same html copied from dom and added as a static element the method is working. I am using ajax to load the content and in the complete function initializing the events. Any idea why the content don't expand on hover with ajax.
Call $(".collapse").collapse(); after contents are loaded dynamically.
Noob question: I'm trying out the new Angular.js framework but can't seem to get my sparklines to display on my partials. The arrays I want graphed do display in text.
It seems to be a problem with when the string loads on the page and when Sparklines are called. I'm calling the jQuery sparklines in the <head>.
How do I get these to display in an ng-repeat?
Check out the JQuery wrapper from the AngularUI project:
https://github.com/angular-ui/angular-ui/blob/master/modules/directives/jq/jq.js
The issue is with plugins that change the DOM without alerting AngularJS to the change.
I using Opencart CMS. I was apply Opencart version Mobile by using Jquery mobile.
All page working very well but Checkout page.
Jquery mobile working for the first load and no Modify. But when i choose "Modify" button and Submit it. The next page (Load via Ajax) will don't apply css and js.
I have tried using .page() , .trigger(create) methods ... and got nowhere.
Please help me!
I have the same problem with a multi-page template.
When I call $.mobile.changePage() the page loads just fine at first. On the second call the CSS is not loaded (or painted properly).