asp.net - ask - how to prevent refresh on chrome browser of jquery tabs with <object> -
i have code using jquery-ui-tabs , 1 of tabs contain <object>
. there no problem when i'm open using ie. when open using google chrome everytime change tabs , tab, <object>
refreshing. there anyway prevent refresh while tab changing?
here example code
$( function() { $( "#tabs" ).tabs(); } );
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <div id="tabs"> <ul> <li><a href="#tabs-1">nunc tincidunt</a></li> <li><a href="#tabs-2">proin dolor</a></li> <li><a href="#tabs-3">aenean lacinia</a></li> </ul> <div id="tabs-1"> <p>tab-1</p> </div> <div id="tabs-2"> <object data='https://jsfiddle.net/jakecigar/n2r1uhjm/3/' style='width: 100%; height:calc(100vh - 60px);'></object> </div> <div id="tabs-3"> <p>tab-2</p> </div> </div>
Comments
Post a Comment