I started using webstorms live edit and it all seems to be working fine except for the fact that it doesn't live edit some of the html.
For example I have a navbar using bootstrap. Anytime I change the links or brand title it makes the changes instantly. However when I add a new element in the main container I have to refresh the browser for it to show up and the live edit still doesn't work on it.
here is the html http://pastebin.com/j6UHTfC1
Very strange.
Related
I edited a webpage with customized elements. The elements were edited with the chrome F12 dev tool.
The problem is, every time I refresh the webpage, my edited elements will be reverted back to the originals.
This is what I want to do: next time when I load the same webpage, I want to have my edited elements, instead of the original elements. This way I don't need to manually edit those elements again.
Is there a simple way to do it?
I checked this Save Chrome dev console html changes but it seems not too helpful for my case.
One possible solution is to create my own webpage, and then use the edited elements in my webpage. Not sure if this will work; and it involves a lot of work.
I know it must be something easy, but I can't figure this out. Summernote works fine if it is in the first page element of a JQM document, but if the summernote is in an external popup or on other pages in a multipage web, they summernote initialized but the icons are spaced oddly--see the fiddle). I have tried comparing the how the css are applied, and it looks like the JQM theme is overwriting the bootstrap css, though I am not sure (adding !important to all the bootstrap and summernote css is not an option--besides it must be a initialization or loading issue). Anyone have an idea?
If you host the JQuery Mobile scripts locally then you could edit/delete the parts that are causing the problem. Or you could use find and replace to add the important tags: Find:; Replace:!important;
I am using a jQuery CSS style on the main portion of my website. It works fine. Now, I also have a sub-directory of my website which should not use the style. When I manually navigate my browser to the sub-directory of the website, no style is applied which is what I want. When I click on a link to the sub-directory from the main area, however, it is applying the CSS style from the main part even though I am not referencing this CSS anywhere in the HTML of that sub-directory. If I refresh the browser, the style goes away.
Please can someone help me understand what is going on here? Thank you.
You are using jquery mobile, which by default loads the content of links via ajax. That means you don't have a page refresh when clicking on a link. The contents get dynamically inserted in your document which still has all your css.
More information here.
http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
You have to disable ajax for that link. More information here.
jquery-mobile - how can I bind disable ajax links to a certain class
Clear your history and browser data, then refresh and try.
Try to open the link in chrome and using the developer options (F12)
look for the resources it is referencing. If the page is referencing
the CSS files then either Javascript is making the referencing or
you have accidentally kept the resource link. Let the forum know your findings.
Edit
Somebody seems to have done what I have mentioned and has come to conclusions that they are because of AJAX. The steps I have mentioned above would let you do that all by yourself.
Ok I have checked all the other posts that are similar to this but none of them are truely the same.
I have a like button on my website. The page is created dynamically via a perameter passed to the page called "page"
find here;
http://dev.crosbylakeside.co.uk/watersports/index.php?page=watersports
Now on the home page of this section the like button works great. However it does not work on any other section at all!!
The strange thing is its essentially the same page. If you check my source code header info its always right. The facebook og data is also dynamic to simulate page changes and is working fine.
If you go to the dev bugs page and put in the url of my site it all checks out ok.
I have tried everything but I cant seem to get it to go.
Please help thanks
Looks like was a caching issue
The bookmarks stopped to work in my website URLs.
For example: http://www.website.com/page#91
doesn't slide anymore the page to the <div id="91">.. and it was perfectly working before.
It just open the page from beginning, or last slided position.
yes, the issue was that I hided it with css.
If the element is not displayed, it doesn't work.
I know, it sounds obvious, but the point is that I was using an empty element just to slide the page.