javascript - Function is undefined -

-

i new javascript, here deal:

i'm trying implement reading-position-indicator wordpress theme. therefore hooked div directly behind footer near script-tags, cause position-bar should stick on bottom of screen. tried implement kind of custom.js, should vary width of position-indicator depending on how far user has scrolled down. fails, , don't know why, aware fact cardinal fault i've made based on lacking experience js.

evertime console sends "reference error: xyz not defined"

here code, can inspected on jsfiddle (, although might little bit useless, cause script runs in wordpress environment, can't emulated there).

html/php-hook markup:

add_action('wp_footer', 'tg_wp_footer'); function tg_wp_footer() {  if ( is_singular() ) echo '<div id="reading-position-indicator"></div>'; }

js-markup:

if( '"is_singular && reading_indicator"' ){     var reading_content = $the_post.find( '.entry' );     if( reading_content.length > 0 ){          reading_content.imagesloaded(function() {             var content_height  = reading_content.height();                 window_height   = $window.height();              $window.scroll(function() {                 var percent         = 0,                     content_offset  = reading_content.offset().top;                     window_offest   = $window.scrolltop();                  if (window_offest > content_offset) {                     percent = 100 * (window_offest - content_offset) / (content_height - window_height);                 }                 jquery('#reading-position-indicator').css('width', percent + '%');             });         });     } }

css-markup:

#reading-position-indicator { display: block; height: 4px; position: fixed; bottom: 0; left: 0; background: #ff8500; width: 0; z-index: 9999; max-width: 100%; }

https://jsfiddle.net/cn49ubr6/1/

the bar should appear on blog-post, therefore tried use "is_singular". how define avoid referenceerror? atm console says "$the_post" not defined. before that, when tried without '" '" in first line, got error is_singular not defined.

kind regards!

jordan, right. after inspecting object element dev tools (chrome, firebug, firefox nightly) found firebug best solution events. firstly had change declarations, since migrated bar theme mine. html markup totally differs other theme. after struggled 3 jquery-plugins, necessary thing work, cause used in javascript. last not least had find right html elements calculation. seems work, test further.

i write, cause wanted know why console gives me error undefined when write 

if (is_singular ()) {

whereas if write 

if ('is_singular()') {

the whole thing gets alive?

thank you! :-)


Comments

Post a Comment

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

-
i trying fetch records database , having above error this classs appropriate getters , setters public class user { private int id; private string username; private string password; private string email; i have create database , inserted data below configuration <bean id="datasource" class="org.apache.commons.dbcp2.basicdatasource" destroy-method="close"> <property name="driverclassname" value="com.mysql.jdbc.driver"/> <property name="url" value="jdbc:mysql://localhost:3306/usersdb"/> <property name="username" value="root"/> <property name="password" value=""/> </bean> this complete stacktrace severe: servlet.service() servlet [appservlet] in context path [/spring] threw exception [request processing failed; nested exception org.hibernate.exception.sqlgrammarexception: not ...
Read more

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

-
Image
i have postgresql db number of tables. if query: select column_name information_schema.columns table_name="my_table"; i list of columns returned properly. however, when query: select * "my_table"; i error: (programmingerror) relation "my_table" not exist 'select *\n "my_table"\n' {} any thoughts on why can columns, can't query table? goal able query table. you have include schema if isnt public one select * <schema>."my_table" or can change default schema show search_path; set search_path my_schema; check table schema here select * information_schema.columns for example if table on default schema public both works ok select * parroquias_region select * public.parroquias_region but sectors need specify schema select * map_update.sectores_point
Read more

asp.net mvc - breakpoint on javascript in CSHTML? -

-
i have .cshtml file has javascript tag. within script tag have few lines of javascript. first line of javascript refers property in @viewbag. other javascript lines plain script without mvc related references. observation: can place breakpoints (visual studio 2015) on each of these javascript lines. however, breakpoints has white dot in center of breakpoint symbol (red circle) except line @viewbag reference (this particular line not have white dot in center). it seems breakpoint without white dot hit during run-time. question: can explain going on here? white dot mean? why plain red breakpoint line line hitting breakpoint? the visual studio debugger expecting debug actual server-side code within .cshtml file opposed client-side javascript within it. iirc, visual studio allow debug javascript code expected in internet explorer (and possibly edge), other browsers want use either third-party tool or developer tools (f12) within browser. an easy approach take advant...
Read more