Intra-articular (IA) injection of drugs is an effective strategy in treating osteoarthritis disease. However, the rapid drug loss and high-frequency injections are the main issues. Hence, we verily efforts to design and develop a point of care-based new biofunctional hydrogel by nanoengineer and chemistry approach. In this study, a novel gallic acid-grafted gelatin injectable hydrogel loaded with liposomes-anchored teriparatide (GGA@Lipo@PTH: GLP) was developed with an enzyme-linking method to control PTH release, aimed to alleviate osteoarthritis progress and protect chondrocytes degradation. In vitro studies of the GLP hydrogel promoted ATDC5 proliferation and upregulation of key proteins expression in the PI3K/AKT signaling pathway. Further, in vivo IA injection results of GLP confirmed the controlled release of PTH, promotes the secretion of glycosaminoglycan and protects the cartilage from degradation in DMM mice. Therefore, our study explored that the developed novel GLP hydrogel could be an alternative potential biomaterial in the osteoarthritis treatment.